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">Schifffahrt</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=64">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=64" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=64">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=64">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=64">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=64">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/End-of-Season-8425b19b84fdb3ba817ce5edfc38112f"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/dwNLRtYmM8y565hCWiHj7JcNPu0/gallery/End-of-Season.jpg" alt="End of Season von Der Purist" title="End of Season"> </a> <figcaption class="detail_list"> <ul> <li class="title">End of Season</li> <li class="user"> von <a href="/foto/galerie/benutzer/220023/fotos/">Der Purist</a> </li> <li class="upload_date"> 02.11.2018 08:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Krageroe-93f21be9c348e98941add4ef23aaaff7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/o8VyVL7ft6C91R3Z8t75MubsAX0/gallery/Krageroe.jpg" alt="Kragerö von LensOlli" title="Kragerö"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kragerö</li> <li class="user"> von <a href="/foto/galerie/benutzer/545628/fotos/">LensOlli</a> </li> <li class="upload_date"> 01.11.2018 19:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Coming-Home-0a32d88b40d00be38ec382fe79aa1fcf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iOZgbZvPxmcUBOyBhuFpSZvRLz4/gallery/Coming-Home.jpg" alt="Coming Home von mmuenzl" title="Coming Home"> </a> <figcaption class="detail_list"> <ul> <li class="title">Coming Home</li> <li class="user"> von <a href="/foto/galerie/benutzer/898693/fotos/">mmuenzl</a> </li> <li class="upload_date"> 29.10.2018 13:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hamburg-Landungsbruecken-an-einem-Oktoberabend-b4706e039df0a844aade5bf20f52e6f8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dWgsLLHC989S57YUUoizySFWNnM/gallery/Hamburg-Landungsbruecken-an-einem-Oktoberabend.jpg" alt="Hamburg Landungsbrücken an einem Oktoberabend von nextgen-networks.de" title="Hamburg Landungsbrücken an einem Oktoberabend"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hamburg Landungsbrücken an einem Oktoberabend</li> <li class="user"> von <a href="/foto/galerie/benutzer/267321/fotos/">nextgen-networks.de</a> </li> <li class="upload_date"> 20.10.2018 19:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/MSC-Magnifica-Kleinstadt-mit-Schweroelversorgung-65efd93fb6b3b6f3e720d8b6fee4d8a7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/v69564ngJfiIyIiCtU5IcEqjB6M/gallery/MSC-Magnifica-Kleinstadt-mit-Schweroelversorgung.jpg" alt="MSC Magnifica - Kleinstadt mit Schwerölversorgung von ORPl-lEUS" title="MSC Magnifica - Kleinstadt mit Schwerölversorgung"> </a> <figcaption class="detail_list"> <ul> <li class="title">MSC Magnifica - Kleinstadt mit Schwerölversorgung</li> <li class="user"> von <a href="/foto/galerie/benutzer/790828/fotos/">ORPl-lEUS</a> </li> <li class="upload_date"> 18.10.2018 13:14 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Boot-b0eb6b530d9d5796d57ff372b49b6f22"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/vi46CGQcsVw5iw1z55cCXTcesYc/gallery/Boot.jpg" alt="Boot von Pham Nuwem" title="Boot"> </a> <figcaption class="detail_list"> <ul> <li class="title">Boot</li> <li class="user"> von <a href="/foto/galerie/benutzer/407638/fotos/">Pham Nuwem</a> </li> <li class="upload_date"> 18.10.2018 10:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Achtung-Kopfhoehe-4011b7fce4e87dcbfd36e1ef4e363610"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iXD76ny3tG6KiFvjvsBHB7tRiA8/gallery/Achtung-Kopfhoehe.jpg" alt="Achtung Kopfhöhe von WolfSta56" title="Achtung Kopfhöhe"> </a> <figcaption class="detail_list"> <ul> <li class="title">Achtung Kopfhöhe</li> <li class="user"> von <a href="/foto/galerie/benutzer/774508/fotos/">WolfSta56</a> </li> <li class="upload_date"> 17.10.2018 15:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Yachthafen-bei-Nacht-Hannover-2309fd79db0768fe698d016c379b4ab7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/To3hQL5vzygFYGxkKAn0RvzK1Wk/gallery/Yachthafen-bei-Nacht-Hannover.jpg" alt="Yachthafen bei Nacht (Hannover) von Himme" title="Yachthafen bei Nacht (Hannover)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Yachthafen bei Nacht (Hannover)</li> <li class="user"> von <a href="/foto/galerie/benutzer/88839/fotos/">Himme</a> </li> <li class="upload_date"> 15.10.2018 23:25 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Waltershofer-Hafen-mit-Koehlbrandbruecke-am-fruehen-Morgen-d98a2d1926e4fb47730c98df906487fe"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xRS6aXtFoyk9SK2ysrEVBZfLjOY/gallery/Waltershofer-Hafen-mit-Koehlbrandbruecke-am-fruehen-Morgen.jpg" alt="Waltershofer Hafen mit Köhlbrandbrücke am frühen Morgen von ORPl-lEUS" title="Waltershofer Hafen mit Köhlbrandbrücke am frühen Morgen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Waltershofer Hafen mit Köhlbrandbrücke am frühen Morgen</li> <li class="user"> von <a href="/foto/galerie/benutzer/790828/fotos/">ORPl-lEUS</a> </li> <li class="upload_date"> 14.10.2018 05:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Leuchtturm-Ile-Louet-Bretagne-b789c130534b77cd17da50dae7797303"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/My6Y6kmZTMR4orVQ6wJ0PgDrYlI/gallery/Leuchtturm-Ile-Louet-Bretagne.jpg" alt="Leuchtturm Ile Louët, Bretagne von Joachim Kopatzki" title="Leuchtturm Ile Louët, Bretagne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Leuchtturm Ile Louët, Bretagne</li> <li class="user"> von <a href="/foto/galerie/benutzer/791084/fotos/">Joachim Kopatzki</a> </li> <li class="upload_date"> 03.10.2018 15:46 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Alte-Dalben-fb75d51bd0681ef92a30bdf3b1627999"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/yordJkiuc2K1TsliTTnG9iXc4Dc/gallery/Alte-Dalben.jpg" alt="Alte Dalben von Blende 11" title="Alte Dalben"> </a> <figcaption class="detail_list"> <ul> <li class="title">Alte Dalben</li> <li class="user"> von <a href="/foto/galerie/benutzer/508202/fotos/">Blende 11</a> </li> <li class="upload_date"> 18.09.2018 13:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Segel-im-Wind-0ced67c4775fd6c9c6df7115d8d12fe5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0MMaUi6ESpaATMB8iK3W28WJHQ4/gallery/Segel-im-Wind.jpg" alt="Segel im Wind von m3a" title="Segel im Wind"> </a> <figcaption class="detail_list"> <ul> <li class="title">Segel im Wind</li> <li class="user"> von <a href="/foto/galerie/benutzer/581065/fotos/">m3a</a> </li> <li class="upload_date"> 13.09.2018 08:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ausblick-5f304f5760b0cb758edb31a228a9c416"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/c0MCk8FwLd36VAQVXwseGF5vJdk/gallery/Ausblick.jpg" alt="Ausblick von Der Purist" title="Ausblick"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ausblick</li> <li class="user"> von <a href="/foto/galerie/benutzer/220023/fotos/">Der Purist</a> </li> <li class="upload_date"> 04.09.2018 08:50 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>