Galerie - c't Fotografie

function notify(type, message) { const container = document.createElement('p'); container.classList.add('notify', type); container.style.display = 'none'; container.innerHTML = message; document.getElementById('notification_area').appendChild(container); make_notify_sticky(); } function show_notify(data) { notify(data.type, data.message); if (data.backtrace) { console.log(data.backtrace); } } var orig_topnav_zindex = null; function make_notify_sticky() { if (orig_topnav_zindex === null) { orig_topnav_zindex = document.querySelector('.heisetopnavi nav').style.zIndex; } document.querySelector('.heisetopnavi nav').style.zIndex = '1'; document.querySelector('.notify').addEventListener('click', hide_notify); setTimeout(hide_notify, 2500); fadeIn(document.querySelector('.notify')); }; function hide_notify() { const notifyElem = document.querySelector('.notify'); if (!notifyElem) return; fadeOut(notifyElem, function() { const notify = document.querySelector('.notify'); if (notify) { notify.remove(); document.querySelector('.heisetopnavi nav').style.zIndex = orig_topnav_zindex; } }); } function fadeIn(element) { element.style.opacity = 0; element.style.display = 'block'; let opacity = 0; const timer = setInterval(() => { opacity += 0.1; if (opacity >= 1) { clearInterval(timer); element.style.opacity = 1; } element.style.opacity = opacity; }, 20); } function fadeOut(element, callback) { let opacity = 1; const timer = setInterval(() => { opacity -= 0.1; if (opacity <= 0) { clearInterval(timer); element.style.display = 'none'; if (callback) callback(); } element.style.opacity = opacity; }, 50); } function ready(fn) { if (document.readyState !== 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } document.addEventListener('click', function(e) { if (e.target.matches('p.notify')) { hide_notify(); } }); ready(function() { setTimeout(function() { hide_notify(); }, 3500); }); <p class="noscript info">Um alle Funktionen der c't Fotografiegalerie nutzen zu können, aktivieren Sie bitte <b>JavaScript</b>.</p> <h1 class="detail_bild_headline">Haustiere</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=68">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=68" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=68">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=68">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=68">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=68">Zufällige Auswahl</a></li> </ul> </nav> <div class="karussel_alben"> <ul class="masonry clearfix no_script"> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Pony-8eefdca032ad66ed388572542c6d5212"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/12KkFTu5KXa3igUlHhtuaVDtRao/gallery/Pony.jpg" alt="Pony von uniform" title="Pony"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pony</li> <li class="user"> von <a href="/foto/galerie/benutzer/586714/fotos/">uniform</a> </li> <li class="upload_date"> 10.11.2019 11:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gretchen-656430c7fc7437760fd6450b873adb1e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/giN4kJRDdPJokuIAFL4nlvF9zo8/gallery/Gretchen.jpg" alt="Gretchen von x--ray" title="Gretchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gretchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/422067/fotos/">x--ray</a> </li> <li class="upload_date"> 04.11.2019 09:55 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Katzenfotos-Wer-hat-sie-nicht-f87a81911974656e3b6de16c80b080aa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iZGFkbLlUoNlfeI7mv5sonGchw4/gallery/Katzenfotos-Wer-hat-sie-nicht.jpg" alt="Katzenfotos - Wer hat sie nicht von mc0" title="Katzenfotos - Wer hat sie nicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Katzenfotos - Wer hat sie nicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/1032882/fotos/">mc0</a> </li> <li class="upload_date"> 01.11.2019 11:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Katzenfotos-Wer-hat-sie-nicht-40a9c7baca03285718f6256a3ef4d1ed"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/l4gcpki4ysFVi8v6kNKfVDNgHYo/gallery/Katzenfotos-Wer-hat-sie-nicht.jpg" alt="Katzenfotos - Wer hat sie nicht von mc0" title="Katzenfotos - Wer hat sie nicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Katzenfotos - Wer hat sie nicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/1032882/fotos/">mc0</a> </li> <li class="upload_date"> 01.11.2019 11:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Katzenfotos-Wer-hat-sie-nicht-817238d606932058ad60d1696f330448"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wcSFzXUHYmOxhLtaz1idfjaHtaE/gallery/Katzenfotos-Wer-hat-sie-nicht.jpg" alt="Katzenfotos - Wer hat sie nicht von mc0" title="Katzenfotos - Wer hat sie nicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Katzenfotos - Wer hat sie nicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/1032882/fotos/">mc0</a> </li> <li class="upload_date"> 01.11.2019 11:58 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Sch-Molly-4f311f74c2c08a782e0503ef930211d6"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/Ha6WgAq4lESQnL74agiDmp0vDvc/gallery/Sch-Molly.jpg" alt="(Sch)Molly von Mira1959" title="(Sch)Molly"> </a> <figcaption class="detail_list"> <ul> <li class="title">(Sch)Molly</li> <li class="user"> von <a href="/foto/galerie/benutzer/576464/fotos/">Mira1959</a> </li> <li class="upload_date"> 01.11.2019 04:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Minosch-e57d97194197b51ad0f6fedf90229917"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2Rigl5alpgcpTDyAbB7sQTpiCGw/gallery/Minosch.jpg" alt="Minosch von Mira1959" title="Minosch"> </a> <figcaption class="detail_list"> <ul> <li class="title">Minosch</li> <li class="user"> von <a href="/foto/galerie/benutzer/576464/fotos/">Mira1959</a> </li> <li class="upload_date"> 31.10.2019 22:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Unterwegs-b1b7d15629dabce6ba963679a1faba3c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Oaiinhex9VOwkn5Li36PipI3VHY/gallery/Unterwegs.jpg" alt="Unterwegs von skat" title="Unterwegs"> </a> <figcaption class="detail_list"> <ul> <li class="title">Unterwegs</li> <li class="user"> von <a href="/foto/galerie/benutzer/479622/fotos/">skat</a> </li> <li class="upload_date"> 29.10.2019 17:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Luna-im-Herbstlicht-502e53024b31ab61a1d6af17eb5eb4a1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OXX8zHPugyY495OFepVq8VZIzeM/gallery/Luna-im-Herbstlicht.jpg" alt="Luna im Herbstlicht von Melissa Linsel" title="Luna im Herbstlicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Luna im Herbstlicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/1039367/fotos/">Melissa Linsel</a> </li> <li class="upload_date"> 29.10.2019 12:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/begossener-Schimmel-98d5572397536439b023b012a7bdb9e0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JQ0Jb2HI1aDXHqUSVijki6V5jks/gallery/begossener-Schimmel.jpg" alt="...begossener Schimmel... von 6megapix" title="...begossener Schimmel..."> </a> <figcaption class="detail_list"> <ul> <li class="title">...begossener Schimmel...</li> <li class="user"> von <a href="/foto/galerie/benutzer/516821/fotos/">6megapix</a> </li> <li class="upload_date"> 26.10.2019 20:43 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Art-Katze-1800f16e5524640e3ec99647f7bb8e97"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TqfhfbRrfkRkwpyOKRmId7hZ7lc/gallery/Art-Katze.jpg" alt="Art "Katze" von Mira1959" title="Art "Katze""> </a> <figcaption class="detail_list"> <ul> <li class="title">Art "Katze"</li> <li class="user"> von <a href="/foto/galerie/benutzer/576464/fotos/">Mira1959</a> </li> <li class="upload_date"> 20.10.2019 05:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Eseldame-Cindy-30151402c156072fdb579735b497c3b9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/NdkBTagntfPFKwNYdqcwYjJlQyM/gallery/Eseldame-Cindy.jpg" alt="Eseldame Cindy von Remo Primatesta" title="Eseldame Cindy"> </a> <figcaption class="detail_list"> <ul> <li class="title">Eseldame Cindy</li> <li class="user"> von <a href="/foto/galerie/benutzer/1024261/fotos/">Remo Primatesta</a> </li> <li class="upload_date"> 19.10.2019 11:01 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/RotBunte-37d1a9ebb9cc8e47a62453e74541775d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/cSKojXinyiX5uk0KiImiR5u0teE/gallery/RotBunte.jpg" alt="RotBunte von uniform" title="RotBunte"> </a> <figcaption class="detail_list"> <ul> <li class="title">RotBunte</li> <li class="user"> von <a href="/foto/galerie/benutzer/586714/fotos/">uniform</a> </li> <li class="upload_date"> 17.10.2019 23:06 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Haustiere-68/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Haustiere-68/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Haustiere-68/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Haustiere-68/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Haustiere-68/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>