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/Ich-gehe-in-den-Birkenwald-denn-meine-Pillen-fa5fe0c8f35010883f88bc7330599d6d/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Ich gehe in den Birkenwald, denn meine Pillen...</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1042784/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1042784" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1042784/fotos/"> Otto Hitzegrad </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/Da-bin-ich-wieder-f4d2c3d4bc740695835e0d48a1ab3997"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vVibvu7iZpVl4NdDj8KiFBC6HBY/gallery/Da-bin-ich-wieder.jpg" alt="Da bin ich wieder von sauerlinse" title="Da bin ich wieder"> </a> <figcaption class="detail_list"> <ul> <li class="title">Da bin ich wieder</li> <li class="user"> von <a href="/foto/galerie/benutzer/1141399/fotos/">sauerlinse</a> </li> <li class="upload_date"> vor 22 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Tropfen-3dbba5e3f5c395cf10577fcebaf15637"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/KdUuIl2epgOzmCfIL1IRlAQtDHM/gallery/Tropfen.jpg" alt="Tropfen von Ladislav Danek" title="Tropfen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tropfen</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor 56 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schmetterling-77e615270843b8fdfdb5a18d0436eec6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/NoQlgMijNkqZo7Recm2y0UcqpuI/gallery/Schmetterling.jpg" alt="Schmetterling von Ladislav Danek" title="Schmetterling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmetterling</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor 56 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schmetterling-d19bdb040d4d5c60490979f427bf109c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8tCtUiFg4fLwZCx5WnH5iUDhEr8/gallery/Schmetterling.jpg" alt="Schmetterling von Ladislav Danek" title="Schmetterling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmetterling</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor 58 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fantasy-672d483e573c3a9845b974466643c288"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QnWgemGCVm38NmMWq5f3SVtY0BU/gallery/Fantasy.jpg" alt="Fantasy von Ladislav Danek" title="Fantasy"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fantasy</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hamburger-Wappen-095d9f5475373b23b3c3771593ef612d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lDFwq58zA3EOrMGqRJb9138GzPA/gallery/Hamburger-Wappen.jpg" alt="Hamburger Wappen von ShE 1981" title="Hamburger Wappen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hamburger Wappen</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/Schmuck-75022e29021452a84bca25702e39f7e3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9WkdrOCHTCc03ZQ8Eki3dISVADA/gallery/Schmuck.jpg" alt="Schmuck von Ladislav Danek" title="Schmuck"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmuck</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schmetterling-7b19eef4586632dda107d9cb299843e0"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/sB5KifJviii5KZDpyKFEpzwXwuY/gallery/Schmetterling.jpg" alt="Schmetterling von Ladislav Danek" title="Schmetterling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmetterling</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schmetterling-4ac343f61b01847237378f40b6f39c3c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fqVfP4aM8lsPd89iwBQERj1Jf0A/gallery/Schmetterling.jpg" alt="Schmetterling von Ladislav Danek" title="Schmetterling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmetterling</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stillleben-78571c78f518fc572a5623d4dcbc92fc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CtJFyYB8eDjoUS4UmBjQIovvI4g/gallery/Stillleben.jpg" alt="Stillleben von Ladislav Danek" title="Stillleben"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stillleben</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Rosen-4088df1328ee458e02fb0c135cccbda0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QgZWRf9Men0gmEZUQOzz2zaLLfw/gallery/Rosen.jpg" alt="Rosen von Ladislav Danek" title="Rosen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rosen</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schmetterling-3ff8285fbcc1d8293df3ee0117adaccc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tUUAO5wsTroFdXMaicqS1hnEdmc/gallery/Schmetterling.jpg" alt="Schmetterling von Ladislav Danek" title="Schmetterling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schmetterling</li> <li class="user"> von <a href="/foto/galerie/benutzer/481999/fotos/">Ladislav Danek</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/im-botanischen-Garten-b53928e7faa752383dc35e81878cb5f9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/BZzLCRUWmiGK40tSatzEFIKGa7o/gallery/im-botanischen-Garten.jpg" alt="im botanischen Garten von Bernd Seibel" title="im botanischen Garten"> </a> <figcaption class="detail_list"> <ul> <li class="title">im botanischen Garten</li> <li class="user"> von <a href="/foto/galerie/benutzer/538432/fotos/">Bernd Seibel</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stillleben-499b5abd4414e97cb2b035a105e23a34"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/GOeRFayXDigQLcQiIQNmGEOCM74/gallery/Stillleben.jpg" alt="Stillleben von Metamix" title="Stillleben"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stillleben</li> <li class="user"> von <a href="/foto/galerie/benutzer/1843500/fotos/">Metamix</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/P-a-r-i-s-0ad0579344babf90ab8d156e70fd23d3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/3ra0YZuIn83gXmWLHD2demPsZIE/gallery/P-a-r-i-s.jpg" alt="P a r i s von Joachim Kiner" title="P a r i s"> </a> <figcaption class="detail_list"> <ul> <li class="title">P a r i s</li> <li class="user"> von <a href="/foto/galerie/benutzer/582309/fotos/">Joachim Kiner</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-U-Bahn-und-der-Fotograf-b00dde0bc662ca3bb248a436b5caa47a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dibzBTgkcLz58cvRhYbitBW7UgE/gallery/Die-U-Bahn-und-der-Fotograf.jpg" alt="Die U-Bahn und der Fotograf von Wolfgang Görgen" title="Die U-Bahn und der Fotograf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die U-Bahn und der Fotograf</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Friseur-895cbf4f6275469d8755f5c5ba57d7a4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ad9BxxhBwuWutrOfCiYmweOrXCI/gallery/Friseur.jpg" alt="Friseur von Gernot Schwarz" title="Friseur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Friseur</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Friseur-18b980b618e290feb3cba268a7df0430"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/V8ZFCIxiWTMg8vDQ77hJ0DF0eSc/gallery/Friseur.jpg" alt="Friseur von Gernot Schwarz" title="Friseur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Friseur</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Friseur-190393fb6801d70c644f51d59aae97bc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5YoSVcn6epZ5i8Z6guhnTRRv6Aw/gallery/Friseur.jpg" alt="Friseur von Gernot Schwarz" title="Friseur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Friseur</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Friseur-4002732d273af5df771336b25c69f4e6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/S6XayBltHHTxXf17jEJSxPjsFl0/gallery/Friseur.jpg" alt="Friseur von Gernot Schwarz" title="Friseur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Friseur</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Unstad-Storm-I-47d9ab238892e39b1875dab441571308"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/woeulsTpZjKtI5SBtdaf79hsp58/gallery/Unstad-Storm-I.jpg" alt="Unstad Storm I von dave-derbis" title="Unstad Storm I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Unstad Storm I</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> </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>