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">Wasser</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=59">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=59" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=59">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=59">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=59">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=59">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/Unterwegs-am-Strand-d24f4dcc56db622d700b371003f2b808"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/sDZvsla05i8ySV2EioOiH41fcbQ/gallery/Unterwegs-am-Strand.jpg" alt="Unterwegs am Strand von camera66" title="Unterwegs am Strand"> </a> <figcaption class="detail_list"> <ul> <li class="title">Unterwegs am Strand</li> <li class="user"> von <a href="/foto/galerie/benutzer/1230530/fotos/">camera66</a> </li> <li class="upload_date"> 21.07.2024 08:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bruecke-1103499d6380b8a29a2f197537fa705e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/C5MWEasbDghHtAWQcadd5q0cPxQ/gallery/Bruecke.jpg" alt="Brücke von 35mm" title="Brücke"> </a> <figcaption class="detail_list"> <ul> <li class="title">Brücke</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 21.07.2024 01:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bruecke-7540b4fa5bf6e91a8d144bd2dbdafab6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IQ7k2YDyxfzJyKLHgPiXN3S4ZxQ/gallery/Bruecke.jpg" alt="Brücke von 35mm" title="Brücke"> </a> <figcaption class="detail_list"> <ul> <li class="title">Brücke</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 21.07.2024 01:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Heute-mit-dem-Fahrrad-am-Strand-3262dfb1522ec621ac39788a7a745a1b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Qz04SgIwiGOsibdiOew27BaOtBU/gallery/Heute-mit-dem-Fahrrad-am-Strand.jpg" alt="Heute mit dem Fahrrad am Strand von camera66" title="Heute mit dem Fahrrad am Strand"> </a> <figcaption class="detail_list"> <ul> <li class="title">Heute mit dem Fahrrad am Strand</li> <li class="user"> von <a href="/foto/galerie/benutzer/1230530/fotos/">camera66</a> </li> <li class="upload_date"> 20.07.2024 10:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Felder-8faf97daabb07a9d97470895a1a63143"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Xn9PE2hM8io1hUxKECEJrppuzMM/gallery/Felder.jpg" alt="Felder von 35mm" title="Felder"> </a> <figcaption class="detail_list"> <ul> <li class="title">Felder</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 19.07.2024 16:52 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Selfie-a23b731449cec309c0d63fad6a63ab99"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/5ki18xYTeqpbef14BldX0fQFUgw/gallery/Selfie.jpg" alt="Selfie von camera66" title="Selfie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Selfie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1230530/fotos/">camera66</a> </li> <li class="upload_date"> 19.07.2024 13:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Idylle-am-Flussufer-63e07da406666eb676fdf3e459f72dc4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/BnO7PWkRspgLtGvLwiYq4zHGBLg/gallery/Idylle-am-Flussufer.jpg" alt="Idylle am Flussufer von Berth" title="Idylle am Flussufer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Idylle am Flussufer</li> <li class="user"> von <a href="/foto/galerie/benutzer/908066/fotos/">Berth</a> </li> <li class="upload_date"> 19.07.2024 13:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kieselsteine-9c04256f37ace316d7ca944c51d24490"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ohfeh6GLiT1I9D5c6iSoTWCi6II/gallery/Kieselsteine.jpg" alt="Kieselsteine von 35mm" title="Kieselsteine"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kieselsteine</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 19.07.2024 01:07 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Welt-geht-den-Bach-runter-e6d591e9a21176e0e0e4e968745839a0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/57RiipwAVH5cfY0YyOoDJji35m4/gallery/Die-Welt-geht-den-Bach-runter.jpg" alt="Die Welt geht den Bach runter von muellermi" title="Die Welt geht den Bach runter"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Welt geht den Bach runter</li> <li class="user"> von <a href="/foto/galerie/benutzer/590414/fotos/">muellermi</a> </li> <li class="upload_date"> 18.07.2024 23:20 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ein-engagierter-Fotograf-a2459d89a8bc77afe903a0612a6cf063"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mwnZm95wePGBiv85fri2k4jvHM8/gallery/Ein-engagierter-Fotograf.jpg" alt="Ein engagierter Fotograf von camera66" title="Ein engagierter Fotograf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ein engagierter Fotograf</li> <li class="user"> von <a href="/foto/galerie/benutzer/1230530/fotos/">camera66</a> </li> <li class="upload_date"> 18.07.2024 09:25 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hafenromantik-in-Luebeck-4527a32c3d34bf3e0dc1533ff450ca44"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/cxPedzY0GfhjtLBt0iivNwR9Nfw/gallery/Hafenromantik-in-Luebeck.jpg" alt="Hafenromantik in Lübeck... von claus-labenz" title="Hafenromantik in Lübeck..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Hafenromantik in Lübeck...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 17.07.2024 20:10 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Haus-an-der-Bruecke-16abf7cb2b27224956a11c01299dc1aa"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/6qsJ3apoAAqKiPIHZZro9RqH5n4/gallery/Haus-an-der-Bruecke.jpg" alt="Haus an der Brücke von 35mm" title="Haus an der Brücke"> </a> <figcaption class="detail_list"> <ul> <li class="title">Haus an der Brücke</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 16.07.2024 23:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Weg-am-Kanal-5e0eb6498d0d5afb2de4898e0fc94907"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5ZSWga1tYADTmUJ3FBjNfzXE1eA/gallery/Weg-am-Kanal.jpg" alt="Weg am Kanal von 35mm" title="Weg am Kanal"> </a> <figcaption class="detail_list"> <ul> <li class="title">Weg am Kanal</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 16.07.2024 23:16 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Wasser-59/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Wasser-59/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Wasser-59/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Wasser-59/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Wasser-59/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>