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">Straßen & Brücken</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=18">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=18" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=18">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=18">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=18">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=18">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/Duesseldorf-Tannenstrasse-1646ba4704ebc7fcd86109642ff2948e"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/m4LrrLpuUYiXJFHhiYzVDanycrs/gallery/Duesseldorf-Tannenstrasse.jpg" alt="Düsseldorf Tannenstrasse von DefConData" title="Düsseldorf Tannenstrasse"> </a> <figcaption class="detail_list"> <ul> <li class="title">Düsseldorf Tannenstrasse</li> <li class="user"> von <a href="/foto/galerie/benutzer/872484/fotos/">DefConData</a> </li> <li class="upload_date"> 25.05.2021 18:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Verbindung-e83137fe92d844f91d996720d0c4756c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Zc7fzLZFQ0gnD4oxyQUC9SdTrz4/gallery/Verbindung.jpg" alt="Verbindung von HarryRS" title="Verbindung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Verbindung</li> <li class="user"> von <a href="/foto/galerie/benutzer/552727/fotos/">HarryRS</a> </li> <li class="upload_date"> 24.05.2021 10:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ueberbrueckung-5775e10bc221002c26b222dd408f87a5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/nlx5U09RiD9Bk392t5bIb1kZcDY/gallery/Ueberbrueckung.jpg" alt="Überbrückung von HarryRS" title="Überbrückung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Überbrückung</li> <li class="user"> von <a href="/foto/galerie/benutzer/552727/fotos/">HarryRS</a> </li> <li class="upload_date"> 23.05.2021 18:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Verlassen-7faf181876aae7a0817f92dbfd3e4249"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PqPrKWkzoH6POQW9Y5IsgispxEQ/gallery/Verlassen.jpg" alt="Verlassen von Hermi1" title="Verlassen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Verlassen</li> <li class="user"> von <a href="/foto/galerie/benutzer/539709/fotos/">Hermi1</a> </li> <li class="upload_date"> 23.05.2021 17:25 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Brueckentraeger-20506a0af84331b61b9df5120659ac24"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lwyhDsXsvZi5GApEC8ZDURJy88g/gallery/Brueckentraeger.jpg" alt="Brückenträger von HarryRS" title="Brückenträger"> </a> <figcaption class="detail_list"> <ul> <li class="title">Brückenträger</li> <li class="user"> von <a href="/foto/galerie/benutzer/552727/fotos/">HarryRS</a> </li> <li class="upload_date"> 23.05.2021 16:48 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schloss-Kalkum-Schlossbruecke-32c3ffa6b8a471b284fd70705eabec3c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/qR2TsZpZCq9L1QkitSwGTzjBQwY/gallery/Schloss-Kalkum-Schlossbruecke.jpg" alt="Schloss Kalkum Schlossbrücke von DefConData" title="Schloss Kalkum Schlossbrücke"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schloss Kalkum Schlossbrücke</li> <li class="user"> von <a href="/foto/galerie/benutzer/872484/fotos/">DefConData</a> </li> <li class="upload_date"> 19.05.2021 21:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/No-Sport-23b100869d74ebf36b754ccbd922b3f3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WqMnW7S3gBHtNvD4o3JjT8wjB8o/gallery/No-Sport.jpg" alt="No Sport von Peter Kryzun" title="No Sport"> </a> <figcaption class="detail_list"> <ul> <li class="title">No Sport</li> <li class="user"> von <a href="/foto/galerie/benutzer/1020497/fotos/">Peter Kryzun</a> </li> <li class="upload_date"> 15.05.2021 23:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Antimony-6a708e272d0a4273d9b07770f2cb3572"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lL7weBQMPpwTgdYAeziWITuwprk/gallery/Antimony.png" alt="Antimony von totalstranger" title="Antimony"> </a> <figcaption class="detail_list"> <ul> <li class="title">Antimony</li> <li class="user"> von <a href="/foto/galerie/benutzer/772053/fotos/">totalstranger</a> </li> <li class="upload_date"> 06.05.2021 18:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Brueckenteil-855ee4e2c4599e9011a1a42381e72bb9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CLmdy2Ruwr1Wtk6ZhwsNECE0TjU/gallery/Brueckenteil.jpg" alt="Brückenteil von muellermi" title="Brückenteil"> </a> <figcaption class="detail_list"> <ul> <li class="title">Brückenteil</li> <li class="user"> von <a href="/foto/galerie/benutzer/590414/fotos/">muellermi</a> </li> <li class="upload_date"> 01.05.2021 10:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tunnel-Lerchenberg-HN-7ec2ab306faa25ccc19d811d06431273"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9EwOyctQeCrtD9hipev1Dm1rnZo/gallery/Tunnel-Lerchenberg-HN.jpg" alt="Tunnel Lerchenberg HN von Feeder" title="Tunnel Lerchenberg HN"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tunnel Lerchenberg HN</li> <li class="user"> von <a href="/foto/galerie/benutzer/492902/fotos/">Feeder</a> </li> <li class="upload_date"> 30.04.2021 22:52 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Augustinerstr-Mainz-am-Rhein-cde517bd939ac8b864f48cd026f1d5da"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/JP7Gq1iJE3oy71AZAsNjSWhr4JY/gallery/Augustinerstr-Mainz-am-Rhein.jpg" alt="Augustinerstr. Mainz am Rhein von Stephan Gläser" title="Augustinerstr. Mainz am Rhein"> </a> <figcaption class="detail_list"> <ul> <li class="title">Augustinerstr. Mainz am Rhein</li> <li class="user"> von <a href="/foto/galerie/benutzer/805106/fotos/">Stephan Gläser</a> </li> <li class="upload_date"> 29.04.2021 17:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bus-Stop-in-Nowhere-Land-13a8a6efa190fdfe16d130d81fe46906"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HCju2isKpthnFQh5lmgfDS9aREo/gallery/Bus-Stop-in-Nowhere-Land.jpg" alt="Bus Stop in Nowhere Land von Ralph Gräf" title="Bus Stop in Nowhere Land"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bus Stop in Nowhere Land</li> <li class="user"> von <a href="/foto/galerie/benutzer/1214716/fotos/">Ralph Gräf</a> </li> <li class="upload_date"> 26.04.2021 20:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Auch-noch-Balance-2beb67c5f939a607be1142ca8b12ca6c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Tg7Rjaheq9QsTUPJOSjR8GX7RTo/gallery/Auch-noch-Balance.jpg" alt="Auch noch Balance ... von clip81" title="Auch noch Balance ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Auch noch Balance ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1045903/fotos/">clip81</a> </li> <li class="upload_date"> 23.04.2021 13:44 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Strassen-Bruecken-18/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Strassen-Bruecken-18/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Strassen-Bruecken-18/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Strassen-Bruecken-18/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Strassen-Bruecken-18/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>