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/Open-door-policy-b465c3dcce3c4fa54cb810d5c404651d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/CZZsMPtnB80ii0EItUU8xkmSg58/gallery/Open-door-policy.jpg" alt="Open door policy von DanielDewald" title="Open door policy"> </a> <figcaption class="detail_list"> <ul> <li class="title">Open door policy</li> <li class="user"> von <a href="/foto/galerie/benutzer/540862/fotos/">DanielDewald</a> </li> <li class="upload_date"> 04.12.2018 11:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ausgemustert-529ecaccd67a9c5b9f858a46851489b1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/XlByGQ6pq75BcdLLKozWFFlhwRo/gallery/Ausgemustert.jpg" alt="Ausgemustert von HarryRS" title="Ausgemustert"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ausgemustert</li> <li class="user"> von <a href="/foto/galerie/benutzer/552727/fotos/">HarryRS</a> </li> <li class="upload_date"> 01.12.2018 17:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blaue-Schiffe-fbbcc57eefbc3288fd89a0071ab7ddd9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TgvJ6UiUrdnm0igTnD3EnwmwwIA/gallery/Blaue-Schiffe.jpg" alt="Blaue Schiffe von achimbitzer" title="Blaue Schiffe"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blaue Schiffe</li> <li class="user"> von <a href="/foto/galerie/benutzer/788916/fotos/">achimbitzer</a> </li> <li class="upload_date"> 01.12.2018 15:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Container-a0f143e91305d29a7fcef10a2bf69bdf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WikVDP6zgAiCVgnYM8iOCh3zv0s/gallery/Container.jpg" alt="Container von achimbitzer" title="Container"> </a> <figcaption class="detail_list"> <ul> <li class="title">Container</li> <li class="user"> von <a href="/foto/galerie/benutzer/788916/fotos/">achimbitzer</a> </li> <li class="upload_date"> 01.12.2018 15:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mehrfarbig-07639900503fbd8bc0dd801e9615525f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JihiXmUIj9JSmPVpSeNeA2D0Bdc/gallery/Mehrfarbig.jpg" alt="Mehrfarbig von Dirk E." title="Mehrfarbig"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mehrfarbig</li> <li class="user"> von <a href="/foto/galerie/benutzer/792274/fotos/">Dirk E.</a> </li> <li class="upload_date"> 29.11.2018 06:30 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/9-5-2eeb23b4784782de402743777f2cdfb8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/tgq9iuULCOZgeskvGs9iApWb3SM/gallery/9-5.jpg" alt="9,5 von Gerhard1953" title="9,5"> </a> <figcaption class="detail_list"> <ul> <li class="title">9,5</li> <li class="user"> von <a href="/foto/galerie/benutzer/582396/fotos/">Gerhard1953</a> </li> <li class="upload_date"> 27.11.2018 11:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Fischerhafen-657e0b0f5764679dc83125db020b1319"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Abr8SVYhk00QpDmKE6iAkzf5Q5M/gallery/Im-Fischerhafen.jpg" alt="Im Fischerhafen . . . von m a n n i x" title="Im Fischerhafen . . ."> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Fischerhafen . . .</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 26.11.2018 00:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/GRE-19-719f5bda36447c449fa38e7556576509"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TSNAr8SfVBiMRr6XEMwupCszVE4/gallery/GRE-19.jpg" alt="GRE 19 von m a n n i x" title="GRE 19"> </a> <figcaption class="detail_list"> <ul> <li class="title">GRE 19</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 19.11.2018 00:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blauer-Hueter-der-Weltmeere-f16192a4b0b0273d036f8b8c189ca4b9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tpkYRkhTZDMHWPufGh3Q5TTiqWk/gallery/Blauer-Hueter-der-Weltmeere.jpg" alt="Blauer Hüter der Weltmeere von achimbitzer" title="Blauer Hüter der Weltmeere"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blauer Hüter der Weltmeere</li> <li class="user"> von <a href="/foto/galerie/benutzer/788916/fotos/">achimbitzer</a> </li> <li class="upload_date"> 15.11.2018 22:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Spiegelungen-57658391549782faa322c8daad48f462"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/1Ob2BBImouzcpY1Kyt3GGQQseZs/gallery/Spiegelungen.jpg" alt="Spiegelungen von Joachim Steck" title="Spiegelungen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spiegelungen</li> <li class="user"> von <a href="/foto/galerie/benutzer/532302/fotos/">Joachim Steck</a> </li> <li class="upload_date"> 15.11.2018 15:45 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Alexander-von-Humboldt-II-9b137c7e84509499f7cac9306e742ad8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/lFV3AoEah0m7OJ9jyAugFdKakaU/gallery/Alexander-von-Humboldt-II.jpg" alt="Alexander von Humboldt II von m a n n i x" title="Alexander von Humboldt II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Alexander von Humboldt II</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 14.11.2018 00:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/postalisch-verbunden-384dd4c74a238e00c0e1616ea664403e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WkaVhyGYM7Sux4ip09XOiJ10wiM/gallery/postalisch-verbunden.jpg" alt="postalisch verbunden von m a n n i x" title="postalisch verbunden"> </a> <figcaption class="detail_list"> <ul> <li class="title">postalisch verbunden</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 11.11.2018 23:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zielstrebig-b377e74526b9ae7a37173714503f393c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/KzfPLDVyvpMtDt696zB7etquD14/gallery/Zielstrebig.jpg" alt="Zielstrebig von m a n n i x" title="Zielstrebig"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zielstrebig</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 11.11.2018 22:43 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/puschelig-471608443247b230b8cfce907a1db98f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IZM4Cf9IOrDRg5lLl1FtpBIUPmw/gallery/puschelig.jpg" alt="puschelig von Dirk E." title="puschelig"> </a> <figcaption class="detail_list"> <ul> <li class="title">puschelig</li> <li class="user"> von <a href="/foto/galerie/benutzer/792274/fotos/">Dirk E.</a> </li> <li class="upload_date"> 10.11.2018 11:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Arbeitsplatz-1467e49a9c97060685a0263b84349422"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Oj2GJZ7EKjUOEsQFguPC2HUsa4Y/gallery/Arbeitsplatz.jpg" alt="Arbeitsplatz von Labilla" title="Arbeitsplatz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Arbeitsplatz</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 09.11.2018 12:33 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/ausgemustert-66705f661846d2f474a6139b8ce0bd42"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/FzcAwIfgvoEtSuHZm6IjILPkzzk/gallery/ausgemustert.jpg" alt="ausgemustert von Labilla" title="ausgemustert"> </a> <figcaption class="detail_list"> <ul> <li class="title">ausgemustert</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 08.11.2018 10:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Durchsicht-cbd955e9c6a094abc3e53fca5d24f86a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ZBcHz2r5MQiQiM95WSE2O1riI5I/gallery/Durchsicht.jpg" alt="Durchsicht von Labilla" title="Durchsicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Durchsicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 07.11.2018 13:07 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/angerostet-11f8f9f5e9fa3da5db7028ef7cfdb773"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ed5riU0fslYimlHJi44UiXdmNSQ/gallery/angerostet.jpg" alt="angerostet von Labilla" title="angerostet"> </a> <figcaption class="detail_list"> <ul> <li class="title">angerostet</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 06.11.2018 10:45 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/abgedeckt-afb8ad472e02235c1743ef79120d68fd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vK0An0kPdndv0zkNiiHb2dmv1mM/gallery/abgedeckt.jpg" alt="abgedeckt von Labilla" title="abgedeckt"> </a> <figcaption class="detail_list"> <ul> <li class="title">abgedeckt</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 05.11.2018 13:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/abgenutzt-69791aa3e74006792d971792e20c0f27"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/EiSeORq3u1swH9JDj3MgnDgibTk/gallery/abgenutzt.jpg" alt="abgenutzt von Labilla" title="abgenutzt"> </a> <figcaption class="detail_list"> <ul> <li class="title">abgenutzt</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 03.11.2018 14:28 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/angeschnallt-0802c3697ce4f0d391c322e5eb984957"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/dxiLHphROUhz7duEXEiFigfmDoA/gallery/angeschnallt.jpg" alt="angeschnallt von Labilla" title="angeschnallt"> </a> <figcaption class="detail_list"> <ul> <li class="title">angeschnallt</li> <li class="user"> von <a href="/foto/galerie/benutzer/753360/fotos/">Labilla</a> </li> <li class="upload_date"> 02.11.2018 12:21 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=46" 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=45">45</a></li> <li class="page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=46">46</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=47">47</a></li> <li class="page"><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=48">48</a></li> <li><a href="/foto/galerie/rubrik/Schifffahrt-64/?offset=48" class="page_more">Weiter</a></li> </ul> </div>