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">Panoramen</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=51">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=51" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=51">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=51">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=51">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=51">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/Panorama-0e8670379250d92b8fb8ff47567cfbb9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/oTBrQpxaT8lKCrytJ6qaDziVLdE/gallery/Panorama.jpg" alt="Panorama von 35mm" title="Panorama"> </a> <figcaption class="detail_list"> <ul> <li class="title">Panorama</li> <li class="user"> von <a href="/foto/galerie/benutzer/480778/fotos/">35mm</a> </li> <li class="upload_date"> 07.10.2018 23:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/The-Blues-04a11d99600a0691552b4253a16e8243"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/EDVCmYTPgizWP8x8qF85yVbwifw/gallery/The-Blues.jpg" alt="The Blues von Delpa" title="The Blues"> </a> <figcaption class="detail_list"> <ul> <li class="title">The Blues</li> <li class="user"> von <a href="/foto/galerie/benutzer/678312/fotos/">Delpa</a> </li> <li class="upload_date"> 07.10.2018 09:26 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Colourful-Life-9a3550c34f8fb8eeb5dcac3af1d199fc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4SePfwA19W1VSvfqHYGc7KTAngg/gallery/Colourful-Life.jpg" alt="Colourful Life von Delpa" title="Colourful Life"> </a> <figcaption class="detail_list"> <ul> <li class="title">Colourful Life</li> <li class="user"> von <a href="/foto/galerie/benutzer/678312/fotos/">Delpa</a> </li> <li class="upload_date"> 07.10.2018 09:21 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/same-sky-but-different-clouds-Die-Ruecklichter-des-Sommers-cddc97965bc46deb0ebcd490fed24f67"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ZUithH36xYEEZuUJyf6K3kBNDPk/gallery/same-sky-but-different-clouds-Die-Ruecklichter-des-Sommers.jpg" alt="same sky but different clouds... Die Rücklichter des Sommers. von Kai Hormann" title="same sky but different clouds... Die Rücklichter des Sommers."> </a> <figcaption class="detail_list"> <ul> <li class="title">same sky but different clouds... Die Rücklichter des Sommers.</li> <li class="user"> von <a href="/foto/galerie/benutzer/457472/fotos/">Kai Hormann</a> </li> <li class="upload_date"> 25.09.2018 21:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blankenese-im-Sonnenuntergang-279e828ad86b1db34d08a074ee65a7b1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/RJplsXMhk6Z2cMR80JBPjujWUrM/gallery/Blankenese-im-Sonnenuntergang.jpg" alt="Blankenese im Sonnenuntergang von HarryRS" title="Blankenese im Sonnenuntergang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blankenese im Sonnenuntergang</li> <li class="user"> von <a href="/foto/galerie/benutzer/552727/fotos/">HarryRS</a> </li> <li class="upload_date"> 24.09.2018 17:43 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/oxid-c635acde2316f09487be9e87fd874464"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/bxQwiYqDsiBIQn8HDmIlUzEFuh8/gallery/oxid.jpg" alt="oxid von Gnseblmchen" title="oxid"> </a> <figcaption class="detail_list"> <ul> <li class="title">oxid</li> <li class="user"> von <a href="/foto/galerie/benutzer/581750/fotos/">Gnseblmchen</a> </li> <li class="upload_date"> 01.09.2018 15:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/old-vs-new-e73f2b587f2ee9e49a5cd6c379b537a5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HSZU6vntADCNX6AHMf9Z6VLWCiM/gallery/old-vs-new.jpg" alt="old vs new von Gnseblmchen" title="old vs new"> </a> <figcaption class="detail_list"> <ul> <li class="title">old vs new</li> <li class="user"> von <a href="/foto/galerie/benutzer/581750/fotos/">Gnseblmchen</a> </li> <li class="upload_date"> 01.09.2018 15:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zauber-der-Heidebluete-955de274c67ab741a428b0bb01832e19"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ux51nD1pftLuexLm0pCuSJTCgcA/gallery/Zauber-der-Heidebluete.jpg" alt="Zauber der Heideblüte von Frenchi81" title="Zauber der Heideblüte"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zauber der Heideblüte</li> <li class="user"> von <a href="/foto/galerie/benutzer/758903/fotos/">Frenchi81</a> </li> <li class="upload_date"> 21.08.2018 14:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Castel-Meur-Bretagne-9f1a8242278885fdd2ee844833f9618f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MpHVNbF6Qja5NgqtWNnRcdgLJXQ/gallery/Castel-Meur-Bretagne.jpg" alt="Castel Meur, Bretagne von The real Peter Gunn" title="Castel Meur, Bretagne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Castel Meur, Bretagne</li> <li class="user"> von <a href="/foto/galerie/benutzer/720305/fotos/">The real Peter Gunn</a> </li> <li class="upload_date"> 21.08.2018 09:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bewoelkt-fbfb697b85105a92072143d91451bef8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/01Rcwqxli34LemrVkJyDBEVEqhA/gallery/Bewoelkt.jpg" alt="Bewölkt von murcalumis" title="Bewölkt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bewölkt</li> <li class="user"> von <a href="/foto/galerie/benutzer/422285/fotos/">murcalumis</a> </li> <li class="upload_date"> 16.08.2018 13:17 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Museo-Reina-Sofia-b2221db763807c0357be66242a2f2351"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/LOiGlJ3kx6EQFTKiDH37PAWnLcQ/gallery/Museo-Reina-Sofia.jpg" alt="Museo Reina Sofia von murcalumis" title="Museo Reina Sofia"> </a> <figcaption class="detail_list"> <ul> <li class="title">Museo Reina Sofia</li> <li class="user"> von <a href="/foto/galerie/benutzer/422285/fotos/">murcalumis</a> </li> <li class="upload_date"> 11.08.2018 14:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Weserkraftwerk-Bremen-7aa7c26642e2a13c78ea74cc8f2e1eb1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xzDsOZW3JyIZr9Pyfiqg7HKOuL8/gallery/Weserkraftwerk-Bremen.jpg" alt="Weserkraftwerk Bremen von dh_zelmen" title="Weserkraftwerk Bremen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Weserkraftwerk Bremen</li> <li class="user"> von <a href="/foto/galerie/benutzer/772208/fotos/">dh_zelmen</a> </li> <li class="upload_date"> 27.07.2018 14:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Panorama-Paris-b6507b1e89e4efe3afb6865fc7858ced"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mtRlHDlzZmVc7sIifXHLgfpyn3g/gallery/Panorama-Paris.jpg" alt="Panorama Paris von Fotoblogger" title="Panorama Paris"> </a> <figcaption class="detail_list"> <ul> <li class="title">Panorama Paris</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 16.07.2018 16:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gegensaetzliches-0d0bed8294e734032642f57b15c4278a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LfRlEUHkkRlP7bA40BifvonWWkE/gallery/Gegensaetzliches.jpg" alt="Gegensätzliches von Grabownik" title="Gegensätzliches"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gegensätzliches</li> <li class="user"> von <a href="/foto/galerie/benutzer/563990/fotos/">Grabownik</a> </li> <li class="upload_date"> 14.07.2018 12:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Drohenpanorama-Oberstdorf-c60d6dca618df93baae330566933533a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yh1bmyLOiwkS7nbThlwHYVV1dyQ/gallery/Drohenpanorama-Oberstdorf.jpg" alt="Drohenpanorama Oberstdorf von Fotoblogger" title="Drohenpanorama Oberstdorf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Drohenpanorama Oberstdorf</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 29.05.2018 11:47 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Alpen-Panorama-am-Nebelhorn-8af9310e30813cef8ff5490b009d3f6f"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/K2GXKA5x1H3XtQle8WhGwzcQVw0/gallery/Alpen-Panorama-am-Nebelhorn.jpg" alt="Alpen Panorama am Nebelhorn von Fotoblogger" title="Alpen Panorama am Nebelhorn"> </a> <figcaption class="detail_list"> <ul> <li class="title">Alpen Panorama am Nebelhorn</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 28.05.2018 16:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Panorama-Sonnenaufgang-in-Oberstdorf-8a5a594aea66a40080ca8e7ba979e2fb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/nCgVSikjsRHbGzZqNzph8MFlips/gallery/Panorama-Sonnenaufgang-in-Oberstdorf.jpg" alt="Panorama - Sonnenaufgang in Oberstdorf von Fotoblogger" title="Panorama - Sonnenaufgang in Oberstdorf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Panorama - Sonnenaufgang in Oberstdorf</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 27.05.2018 16:07 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Panorama-Oberstdorfer-Alpen-a9fad670e2c2034464b27a732f23ade7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rqZiMwRLHK8qDUh7BHvCoZG1FVw/gallery/Panorama-Oberstdorfer-Alpen.jpg" alt="Panorama Oberstdorfer Alpen von Fotoblogger" title="Panorama Oberstdorfer Alpen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Panorama Oberstdorfer Alpen</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 26.05.2018 15:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Allgaeu-Panorama-583282a1bf6b56607d630cb6d13e6bf6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Xl8chDHhIBpaPPutpcKp3ebXT1o/gallery/Allgaeu-Panorama.jpg" alt="Allgäu Panorama von Fotoblogger" title="Allgäu Panorama"> </a> <figcaption class="detail_list"> <ul> <li class="title">Allgäu Panorama</li> <li class="user"> von <a href="/foto/galerie/benutzer/619701/fotos/">Fotoblogger</a> </li> <li class="upload_date"> 25.05.2018 12:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Borkum-Faehranleger-f4d987437a7b78c4caba42c427958f9c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AVBFkLKedVaCd4KJNSpORhgTHuo/gallery/Borkum-Faehranleger.jpg" alt="Borkum-Fähranleger von uniform" title="Borkum-Fähranleger"> </a> <figcaption class="detail_list"> <ul> <li class="title">Borkum-Fähranleger</li> <li class="user"> von <a href="/foto/galerie/benutzer/586714/fotos/">uniform</a> </li> <li class="upload_date"> 20.05.2018 16:11 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Frankfurt-Mainufer-3bee037665d410a588d089aaf1b484b1"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/fJHaLLR1zUji0KN8GE2eofo4his/gallery/Frankfurt-Mainufer.jpg" alt="Frankfurt, Mainufer von Maci" title="Frankfurt, Mainufer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Frankfurt, Mainufer</li> <li class="user"> von <a href="/foto/galerie/benutzer/39142/fotos/">Maci</a> </li> <li class="upload_date"> 19.05.2018 10:11 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Panoramen-51/?offset=13" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=12">12</a></li> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=13">13</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=14">14</a></li> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=15">15</a></li> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=16">16</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Panoramen-51/?offset=48">48</a></li> <li><a href="/foto/galerie/rubrik/Panoramen-51/?offset=15" class="page_more">Weiter</a></li> </ul> </div>