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/Auge-des-Windes-8d749a406c47174d5bfb4e9896a2e307/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Auge des Windes</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1616882/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1616882" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1616882/fotos/"> Antonio Giovanni Galle </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 col1"> <figure> <a href="/foto/galerie/foto/Bild-cb28d051b6493431240ff5006fda0568"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/hTJyGeufLoQ67kZG0t6i5OAqObU/gallery/Bild.jpg" alt="Bild von Ladislav Danek" title="Bild"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bild</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor 42 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Alles-blau-nur-die-Frau-ist-gruen-39e5dc675f9f034ea144641e2fbf0e0e"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/SXBaFXgyCiERRkjNxrH1vOEVhFI/gallery/Alles-blau-nur-die-Frau-ist-gruen.jpg" alt="Alles blau,nur die Frau ist grün. von der Onkel Werner" title="Alles blau,nur die Frau ist grün."> </a> <figcaption class="detail_list"> <ul> <li class="title">Alles blau,nur die Frau ist grün.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lichtmast-auf-der-Floesserbruecke-afd61cb2295849f3911f64da04427baa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/c1dnCQm4k0iMo4qin5TzLxcLPfA/gallery/Lichtmast-auf-der-Floesserbruecke.jpg" alt="Lichtmast auf der Flößerbrücke von Roland Schirmer" title="Lichtmast auf der Flößerbrücke"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lichtmast auf der Flößerbrücke</li> <li class="user"> von <a href="/foto/galerie/benutzer/1049512/fotos/">Roland Schirmer</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-naechste-Level-e3b0411ba19f03856b606a2865d5bcbc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xYieRr5QMjwR14Yw6CvNaVrn7AQ/gallery/Das-naechste-Level.jpg" alt="Das nächste Level von Roland Schirmer" title="Das nächste Level"> </a> <figcaption class="detail_list"> <ul> <li class="title">Das nächste Level</li> <li class="user"> von <a href="/foto/galerie/benutzer/1049512/fotos/">Roland Schirmer</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Rust-and-Reverie-97d6de19109be78910f1ca35356b6804"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yMYLliQFqqzgkoThlKsChguyT4E/gallery/Rust-and-Reverie.jpg" alt="Rust and Reverie von ShE 1981" title="Rust and Reverie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rust and Reverie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1700898/fotos/">ShE 1981</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Werkzeugtasche-e290f0ea70adabf30190148c365102b7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OODhNXniv9p7iihTvwyLK4VryJU/gallery/Werkzeugtasche.jpg" alt="Werkzeugtasche von calvin&hobbes" title="Werkzeugtasche"> </a> <figcaption class="detail_list"> <ul> <li class="title">Werkzeugtasche</li> <li class="user"> von <a href="/foto/galerie/benutzer/399771/fotos/">calvin&hobbes</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Meer-braucht-es-nicht-7e8dbbdc8d4586f4607b03ad79aa714d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/DiVZLoqpEAoOzixOLj91WQoZp7c/gallery/Meer-braucht-es-nicht.jpg" alt="Meer braucht es nicht. von der Onkel Werner" title="Meer braucht es nicht."> </a> <figcaption class="detail_list"> <ul> <li class="title">Meer braucht es nicht.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fahrradstaender-ce233dff9ec2b76a5000a08b35422498"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xztdpiD4RO9GcqBrg52kHBitvJo/gallery/Fahrradstaender.jpg" alt="Fahrradständer von lbfoto64" title="Fahrradständer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fahrradständer</li> <li class="user"> von <a href="/foto/galerie/benutzer/581629/fotos/">lbfoto64</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Anbau-c8ed899d177e5b5dd7073932ee7d738f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fEwrpWKb6BqbtjQhUDNH2SVNPxk/gallery/Anbau.jpg" alt="Anbau von lbfoto64" title="Anbau"> </a> <figcaption class="detail_list"> <ul> <li class="title">Anbau</li> <li class="user"> von <a href="/foto/galerie/benutzer/581629/fotos/">lbfoto64</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/In-der-neunen-Nationalgalerie-e3f747c5a2ad356fba197d0a3c6673a2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vqSYlRbFp2VRpdZIrTU31DnsoWs/gallery/In-der-neunen-Nationalgalerie.jpg" alt="In der neunen Nationalgalerie von NAlois" title="In der neunen Nationalgalerie"> </a> <figcaption class="detail_list"> <ul> <li class="title">In der neunen Nationalgalerie</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Sonnenuntergang-am-Flakstadtinden-9cfc8b007e2be9b81cec09d10bff1c00"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/XF8Zg9Ly9SHibEvC2YtEOzMRtdc/gallery/Sonnenuntergang-am-Flakstadtinden.jpg" alt="Sonnenuntergang am Flakstadtinden von dave-derbis" title="Sonnenuntergang am Flakstadtinden"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sonnenuntergang am Flakstadtinden</li> <li class="user"> von <a href="/foto/galerie/benutzer/561058/fotos/">dave-derbis</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Durch-diese-hohle-Gasse-muss-er-kommen-bbf264ca4ce5d137b59255da7628b9a9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/clxoBmFaYrtuin8YtlEDM2hfHt4/gallery/Durch-diese-hohle-Gasse-muss-er-kommen.jpg" alt="Durch diese hohle Gasse muss er kommen von der Onkel Werner" title="Durch diese hohle Gasse muss er kommen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Durch diese hohle Gasse muss er kommen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Skulptur-im-Gras-59b24aa8e91ca79cf6cea44af21fc19f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8iBbgGHRSwCiWiAb4AcM1Bi8IEY/gallery/Skulptur-im-Gras.jpg" alt="Skulptur im Gras von vicia-faba" title="Skulptur im Gras"> </a> <figcaption class="detail_list"> <ul> <li class="title">Skulptur im Gras</li> <li class="user"> von <a href="/foto/galerie/benutzer/1177796/fotos/">vicia-faba</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-starke-Mann-aae2e37baeb33316c05029896861b308"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/zDB4nt2PpznvwYOSMIkWnV1AFZk/gallery/Der-starke-Mann.jpg" alt="Der starke Mann von Reiner von der Schlei" title="Der starke Mann"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der starke Mann</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wolkenrahmen-5e0bf7d58888a93689d05b289d1ea889"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PzgTLha9mitrZOc2ZcQtfnPoI4A/gallery/Wolkenrahmen.jpg" alt="Wolkenrahmen von Lula" title="Wolkenrahmen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wolkenrahmen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1517494/fotos/">Lula</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Sonne-und-der-Vogel-f79e25035bcc0b413eafb135ed034e80"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kZg0npNomJLt29gpfc4w4TvUNZE/gallery/Die-Sonne-und-der-Vogel.jpg" alt="Die Sonne und der Vogel von bS_mr" title="Die Sonne und der Vogel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Sonne und der Vogel</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Der-Wald-wird-weiss-5a3c95451102b9d5d79b0b6d879bb8d7"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/n8KOp6Jh2jxzYyfx0jDq9ir8kak/gallery/Der-Wald-wird-weiss.jpg" alt="Der Wald wird weiß von bild0815" title="Der Wald wird weiß"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Wald wird weiß</li> <li class="user"> von <a href="/foto/galerie/benutzer/524845/fotos/">bild0815</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Rebecca-c541373c83c68aba4af99db78bfd3fe0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/41mJxzomyx3HJtUL3wlJmPtAm6M/gallery/Rebecca.jpg" alt="Rebecca von M.Schröder" title="Rebecca"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rebecca</li> <li class="user"> von <a href="/foto/galerie/benutzer/770980/fotos/">M.Schröder</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wohnungsnot-054bc64ac0449aaf80376a2db43967d8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8E5iqHltmR93tCVDiviBzihyz3o/gallery/Wohnungsnot.jpg" alt="Wohnungsnot von Otto Hitzegrad" title="Wohnungsnot"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wohnungsnot</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> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hoeckerschwan-85029bbc707e2c4aa67d2feae700d713"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/y2sqQJQnn4KytXDe73FTIK26dug/gallery/Hoeckerschwan.jpg" alt="Höckerschwan von Kupfer43" title="Höckerschwan"> </a> <figcaption class="detail_list"> <ul> <li class="title">Höckerschwan</li> <li class="user"> von <a href="/foto/galerie/benutzer/768147/fotos/">Kupfer43</a> </li> <li class="upload_date"> vor 11 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hoeckerschwan-1e6806ec65d8bb47727fc39b8b1b23a4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/N2kXfGi6D9siMy52hf0OKwOZols/gallery/Hoeckerschwan.jpg" alt="Höckerschwan von Kupfer43" title="Höckerschwan"> </a> <figcaption class="detail_list"> <ul> <li class="title">Höckerschwan</li> <li class="user"> von <a href="/foto/galerie/benutzer/768147/fotos/">Kupfer43</a> </li> <li class="upload_date"> vor 11 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>