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/Oktagon-a1236d8d3c3927da882bb6e95722ac63/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Oktagon</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/748164/fotos/"> <img class="avatar" src="/foto/galerie/avatar/748164" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/748164/fotos/"> Karsten Gieselmann </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/soweit-ist-alles-in-Ordnung-ca00c527ab27cfd09fe1bfea298c38e2"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/PSvdBQfENYjyIBdSKZTlXi7kfHU/gallery/soweit-ist-alles-in-Ordnung.jpg" alt="...soweit ist alles in Ordnung... von claus-labenz" title="...soweit ist alles in Ordnung..."> </a> <figcaption class="detail_list"> <ul> <li class="title">...soweit ist alles in Ordnung...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Farben-des-Fruehlings-lila-b12b1dd41e7a4393db3ae9c4c73aaf02"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/M1c8idireVDrLqYXu9lAmXiNepQ/gallery/Farben-des-Fruehlings-lila.jpg" alt="Farben des Frühlings - lila von AHI 1975" title="Farben des Frühlings - lila"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farben des Frühlings - lila</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Farben-des-Fruehlings-weiss-2c7f449a237ea0740cc1d1f62939bd47"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jl6QiJlWJ55eqitlkOuuMJp8w78/gallery/Farben-des-Fruehlings-weiss.jpg" alt="Farben des Frühlings - weiß von AHI 1975" title="Farben des Frühlings - weiß"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farben des Frühlings - weiß</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Farben-des-Fruehings-gelb-82b97c8b96c3e220ea280f13c6049260"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/pErsGsrfR3Sy3SX4Wo00GNwz0HI/gallery/Farben-des-Fruehings-gelb.jpg" alt="Farben des Frühings - gelb von AHI 1975" title="Farben des Frühings - gelb"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farben des Frühings - gelb</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Winterschneeball-rosa-392519ef79da76f500ca8d84180e82d9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/3EuDMa2r3JZ50CcobGzJXhjcFIw/gallery/Winterschneeball-rosa.jpg" alt="Winterschneeball . rosa von AHI 1975" title="Winterschneeball . rosa"> </a> <figcaption class="detail_list"> <ul> <li class="title">Winterschneeball . rosa</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Farben-des-Fruehlings-rosa-b22a1f653383430089704607bd8c6984"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/L91iXf7MbvESis1RxabMArock4s/gallery/Farben-des-Fruehlings-rosa.jpg" alt="Farben des Frühlings - rosa von AHI 1975" title="Farben des Frühlings - rosa"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farben des Frühlings - rosa</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Krokuswald-lila-894c5de570f1739eea35a8068a33aaf6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uNiZPlw1pAd2fEFKhVpIVLB3IIo/gallery/Krokuswald-lila.jpg" alt="Krokuswald lila von AHI 1975" title="Krokuswald lila"> </a> <figcaption class="detail_list"> <ul> <li class="title">Krokuswald lila</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Maerzenbecher-weiss-6bb5a39eb5a72a3d95872097a6f460e9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Lq3aSZD6diwYbQ9n60kxc8WLJlI/gallery/Maerzenbecher-weiss.jpg" alt="Märzenbecher - weiß von AHI 1975" title="Märzenbecher - weiß"> </a> <figcaption class="detail_list"> <ul> <li class="title">Märzenbecher - weiß</li> <li class="user"> von <a href="/foto/galerie/benutzer/1762897/fotos/">AHI 1975</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Sieben-staubigen-Schwestern-1041f2face5d1f8d9b7fee8cff1ee06e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/cyzXvYqjiiH5gdKuQcc32Nijn0w/gallery/Die-Sieben-staubigen-Schwestern.jpg" alt="Die Sieben (staubigen) Schwestern von dg9ncc" title="Die Sieben (staubigen) Schwestern"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Sieben (staubigen) Schwestern</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/moos-215d88a19da23525840f9f899cb8b542"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/q0CIxPBFHdVnUZzNjTMT6l0AOio/gallery/moos.jpg" alt="moos von Daborius" title="moos"> </a> <figcaption class="detail_list"> <ul> <li class="title">moos</li> <li class="user"> von <a href="/foto/galerie/benutzer/553826/fotos/">Daborius</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Venedig-Rialtobruecke-Gilbert-Photography-fa92b9189ba0f7ac82efeb76fa76b341"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/CjDaHYdS78Vdzb9gicMNZW5yoGg/gallery/Venedig-Rialtobruecke-Gilbert-Photography.jpg" alt="Venedig Rialtobrücke - Gilbert Photography von forms" title="Venedig Rialtobrücke - Gilbert Photography"> </a> <figcaption class="detail_list"> <ul> <li class="title">Venedig Rialtobrücke - Gilbert Photography</li> <li class="user"> von <a href="/foto/galerie/benutzer/736363/fotos/">forms</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graureiher-7b88fd2e5216221edeb5c66a1edaf031"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/t0QN2fi1FncgUzs3iAHAQyGyn7Y/gallery/Graureiher.jpg" alt="Graureiher von Lena-13" title="Graureiher"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graureiher</li> <li class="user"> von <a href="/foto/galerie/benutzer/679294/fotos/">Lena-13</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ein-Zeichen-Richtung-Fruehling-7951867ddb25a44a634983944f8fc7e5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mOYg09yiAO6kewuoV4bViqZyIu4/gallery/Ein-Zeichen-Richtung-Fruehling.jpg" alt="Ein Zeichen Richtung Frühling von Reinhard Evers" title="Ein Zeichen Richtung Frühling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ein Zeichen Richtung Frühling</li> <li class="user"> von <a href="/foto/galerie/benutzer/1388144/fotos/">Reinhard Evers</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Margarite-weiss-gelb-b70f786b23e9fe78fda8b6c308752864"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wwKaWVH34qR57ZjY3Qjct3DOrLg/gallery/Margarite-weiss-gelb.jpg" alt="Margarite weiß-gelb von vicia-faba" title="Margarite weiß-gelb"> </a> <figcaption class="detail_list"> <ul> <li class="title">Margarite weiß-gelb</li> <li class="user"> von <a href="/foto/galerie/benutzer/1177796/fotos/">vicia-faba</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wintersonne-11722845490ca5c6c949986ad3ebc497"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/n2RofsgdvJDK1HbymQkSbc7caFw/gallery/Wintersonne.jpg" alt="Wintersonne von Reiner von der Schlei" title="Wintersonne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wintersonne</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Supernova-Planetarium-77f2424c7e1a88893910b0f656e00d49"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/BwBqAbtCQERRITp6U5SmOrTaUQQ/gallery/Supernova-Planetarium.jpg" alt="Supernova Planetarium von Mike_FJ" title="Supernova Planetarium"> </a> <figcaption class="detail_list"> <ul> <li class="title">Supernova Planetarium</li> <li class="user"> von <a href="/foto/galerie/benutzer/1510523/fotos/">Mike_FJ</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffitiwand-9d03e9eb4616f8bae4ce81b9764cee88"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QUjyZKy4wPo4P6wOP6RXmDbiBhk/gallery/Graffitiwand.jpg" alt="Graffitiwand von Wolfgang Görgen" title="Graffitiwand"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffitiwand</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Abstandskonzept-19f40b7227418f5aeb8a38b6c3532e9d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WPPN6s4zZ9EPUpG9m4lZpxJB2Sc/gallery/Abstandskonzept.jpg" alt="Abstandskonzept von bild0815" title="Abstandskonzept"> </a> <figcaption class="detail_list"> <ul> <li class="title">Abstandskonzept</li> <li class="user"> von <a href="/foto/galerie/benutzer/524845/fotos/">bild0815</a> </li> <li class="upload_date"> vor 8 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-tut-gut-0f715e8335395e7fb6b1ca5fd6227202"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/hpcen7fklLXW7E1i9Bm0xEIcfT8/gallery/Das-tut-gut.jpg" alt="Das tut gut ... von analoochjehtooch" title="Das tut gut ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Das tut gut ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> vor 9 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Morgenroete-in-Duisdorf-2086bee1ba161bae6f50e7fdfd649796"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7e2tld76CoBH1E2yh3UpoBp8j0Q/gallery/Morgenroete-in-Duisdorf.jpg" alt="Morgenröte in Duisdorf von bS_mr" title="Morgenröte in Duisdorf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Morgenröte in Duisdorf</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> vor 9 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Alles-neu-der-Graben-und-der-Tag-5cc6f76eca6c0354194dd1875b0f7c15"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/ciTb0qea4XyuUSNtToHIe5nKji4/gallery/Alles-neu-der-Graben-und-der-Tag.jpg" alt="Alles neu, der Graben und der Tag! von Otto Hitzegrad" title="Alles neu, der Graben und der Tag!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Alles neu, der Graben und der Tag!</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</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/?page=1&search=1&top_foto_active=1&offset=1">1</a></li> <li class="page"><a href="/foto/galerie/?page=1&search=1&top_foto_active=1&offset=2">2</a></li> <li class="page"><a href="/foto/galerie/?page=1&search=1&top_foto_active=1&offset=3">3</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/?page=1&search=1&top_foto_active=1&offset=48">48</a></li> <li><a href="/foto/galerie/?page=1&search=1&top_foto_active=1&offset=2" class="page_more">Weiter</a></li> </ul> </div>