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> <div class="startseite"> <h1 class="detail_bild_headline">Heise Foto - Galerie</h1> <div class="main_stage_top clearfix"> <h2 class="detail_bild_headline">Bild des Tages</h2> <section class="main_stage_content"> <figure class="main_stage" style="margin-bottom: 20px;"> <a href="/foto/galerie/foto/Urbaner-Korridor-f5bd26ebda03edc7a4d5196e44701143/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Urbaner Korridor</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1612259/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1612259" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1612259/fotos/"> CR09 </a> </figcaption> </figure> </aside> <figure class="pics"> <figcaption> <a href="/foto/galerie/suche/photo/?top_foto_active=1" class="gallery_label">Weitere Bilder des Tages</a> </figcaption> <div class="pics"> </div> </figure> </div> </div> <h1 class="detail_bild_headline"></h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig">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/le-turbot-0d221cd09d03d171deb1636e43712489"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/rfly9VTcidU5HMWKootntgm6WlY/gallery/le-turbot.jpg" alt="le turbot von Gast (75d8c32e)" title="le turbot"> </a> <figcaption class="detail_list"> <ul> <li class="title">le turbot</li> <li class="user"> von <a href="/foto/galerie/benutzer/1794273/fotos/">Gast (75d8c32e)</a> </li> <li class="upload_date"> vor 26 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Loki-3-96c23440a511de1099852d6a6e2e3c70"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fJONQME7epUGakef7kvOacyEPlE/gallery/Loki-3.jpg" alt="Loki 3 von F.W. Habe" title="Loki 3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Loki 3</li> <li class="user"> von <a href="/foto/galerie/benutzer/776324/fotos/">F.W. Habe</a> </li> <li class="upload_date"> vor 38 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Loki-2-7c0c14eeef2f84cb0d968a25c7000abb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wiY9RFy9VyNRgfQlCdOditEEMzw/gallery/Loki-2.jpg" alt="Loki 2 von F.W. Habe" title="Loki 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Loki 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/776324/fotos/">F.W. Habe</a> </li> <li class="upload_date"> vor 40 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Loki-1-41181bb8922b03db3c6ddc335d304ef9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0TsqThRV0IYSHmvxKs2JgPn7dSI/gallery/Loki-1.jpg" alt="Loki 1 von F.W. Habe" title="Loki 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Loki 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/776324/fotos/">F.W. Habe</a> </li> <li class="upload_date"> vor 41 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wasser-Geister-abfe50d6a74c41bb7fa765bbd31b26c5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MwHFdSvrrCvarmG4ZnYAzpPwb0M/gallery/Wasser-Geister.jpg" alt="Wasser-Geister von PR Augenblick" title="Wasser-Geister"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wasser-Geister</li> <li class="user"> von <a href="/foto/galerie/benutzer/1801485/fotos/">PR Augenblick</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Tulpenmagnolie-4912104fe79c107438d07e93fa661b42"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/R4NflDbVdcQimqiynM0KFkgpAqk/gallery/Tulpenmagnolie.jpg" alt="Tulpenmagnolie von RüdigerLinse" title="Tulpenmagnolie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tulpenmagnolie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1038674/fotos/">RüdigerLinse</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kamelie-Japonica-b77f21b3d2770e282dbfaf3d3d57919a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4tURytkZAVkWVgKYEFYWiAtI8uo/gallery/Kamelie-Japonica.jpg" alt="Kamelie Japonica von RüdigerLinse" title="Kamelie Japonica"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kamelie Japonica</li> <li class="user"> von <a href="/foto/galerie/benutzer/1038674/fotos/">RüdigerLinse</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gewoehnliche-Mahonie-dda58332236517875989bd0d76c0c0f7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YWzeAdwg8mXEbg1i3PFoYeVQIMc/gallery/Gewoehnliche-Mahonie.jpg" alt="Gewöhnliche Mahonie von RüdigerLinse" title="Gewöhnliche Mahonie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gewöhnliche Mahonie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1038674/fotos/">RüdigerLinse</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kamelie-ae5e5af16d8eb65d9a04f497cab5b5a5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/30PPhsM8dRvYyiN4VFo29X3jy98/gallery/Kamelie.jpg" alt="Kamelie von RüdigerLinse" title="Kamelie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kamelie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1038674/fotos/">RüdigerLinse</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wolken-und-Glas-7be4416ad5dd2795530685a18ce002f6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wiuR8XqUBEiqiGiozrcHidovxi0/gallery/Wolken-und-Glas.jpg" alt="Wolken und Glas von Gast (7123f9ef)" title="Wolken und Glas"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wolken und Glas</li> <li class="user"> von <a href="/foto/galerie/benutzer/1862627/fotos/">Gast (7123f9ef)</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schimmellandschaft-543d74962c9fa4751f27a014c3a4c722"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/iATU3bOsvSkdoVi9qrwpmsPMQWg/gallery/Schimmellandschaft.jpg" alt="Schimmellandschaft von Minnimops" title="Schimmellandschaft"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schimmellandschaft</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762918/fotos/">Minnimops</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Untier-e539cc19dd01a1504d0869466cd895d0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kPsmBhqllziojw1mPxPp5leiqlg/gallery/Untier.jpg" alt="Untier von Minnimops" title="Untier"> </a> <figcaption class="detail_list"> <ul> <li class="title">Untier</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762918/fotos/">Minnimops</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kalte-Dusche-d1e8c20d9ddd5b101230a2479528a1f3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JDC49ug97WP9VRLO7SxQGoxSaik/gallery/Kalte-Dusche.jpg" alt="Kalte Dusche von katzefudder" title="Kalte Dusche"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kalte Dusche</li> <li class="user"> von <a href="/foto/galerie/benutzer/288573/fotos/">katzefudder</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Eisvogelmaennchen-6e2491a1b39ba223916f0d3e216d7453"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/12Xf8iihkioTEji4EbbFOm41y4s/gallery/Eisvogelmaennchen.jpg" alt="Eisvogelmännchen von Pham Nuwem" title="Eisvogelmännchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Eisvogelmännchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/407638/fotos/">Pham Nuwem</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fruehlingserwachen-45a48d75eec6be5004d064abcb4a325c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CMPnjwKquLe6exIHPUSq7rgEiD0/gallery/Fruehlingserwachen.jpg" alt="Frühlingserwachen von Metamix" title="Frühlingserwachen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Frühlingserwachen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1843500/fotos/">Metamix</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Bluetenkranz-515cd3de8ba2388cae32d5932055ebf5"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/LXuujjRMm1aESXakonh4gzyAMzs/gallery/Bluetenkranz.jpg" alt="Blütenkranz von metapix" title="Blütenkranz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blütenkranz</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zeitlos-schoen-ad74ea3be4afffcf6c50c7f688a2de72"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vMoBdHNxAbjO0XIJMLMX5fQlbyQ/gallery/Zeitlos-schoen.jpg" alt="Zeitlos schön. von der Onkel Werner" title="Zeitlos schön."> </a> <figcaption class="detail_list"> <ul> <li class="title">Zeitlos schön.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schilfspaghetti-842995c2548c78c8cfd0ad30fa1d4385"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QZwp6pGvv9V3HMtRK8WGPJhi20o/gallery/Schilfspaghetti.jpg" alt="Schilfspaghetti von metapix" title="Schilfspaghetti"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schilfspaghetti</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Selfie-im-leeren-Museum-4a7089218ba857eb7d283a9d74a5bc62"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Nzu519SgFBzU02204vd7oXaSBmY/gallery/Selfie-im-leeren-Museum.jpg" alt="Selfie im leeren Museum von lgfokus" title="Selfie im leeren Museum"> </a> <figcaption class="detail_list"> <ul> <li class="title">Selfie im leeren Museum</li> <li class="user"> von <a href="/foto/galerie/benutzer/1633936/fotos/">lgfokus</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Auge-des-Windes-8d749a406c47174d5bfb4e9896a2e307"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/cdhi4YBskg6T4bdmiIR8G58igWw/gallery/Auge-des-Windes.jpg" alt="Auge des Windes von Antonio Giovanni Galle" title="Auge des Windes"> </a> <figcaption class="detail_list"> <ul> <li class="title">Auge des Windes</li> <li class="user"> von <a href="/foto/galerie/benutzer/1616882/fotos/">Antonio Giovanni Galle</a> </li> <li class="upload_date"> vor 9 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/The-Queens-Head-Inn-f680b528ef16cf1557af7c2f79a19ce5"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/hfzTHi4fpq2hzb8hi6bijLZW1hQ/gallery/The-Queens-Head-Inn.jpg" alt="The Queens Head Inn von ispin" title="The Queens Head Inn"> </a> <figcaption class="detail_list"> <ul> <li class="title">The Queens Head Inn</li> <li class="user"> von <a href="/foto/galerie/benutzer/608771/fotos/">ispin</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li class="page_back_grau">Zurück</li> <li class="current_page"><a href="/foto/galerie/?offset=1">1</a></li> <li class="page"><a href="/foto/galerie/?offset=2">2</a></li> <li class="page"><a href="/foto/galerie/?offset=3">3</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/?offset=48">48</a></li> <li><a href="/foto/galerie/?offset=2" class="page_more">Weiter</a></li> </ul> </div>