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/alleinstehend-c324cb2d0f35386a98d5792f0ee0a1b5/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">alleinstehend</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/472134/fotos/"> <img class="avatar" src="/foto/galerie/avatar/472134" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/472134/fotos/"> analoochjehtooch </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/Groessere-Entdeckung-im-Burgwald-d4dbb186323d8f84e9ce3812f2a9cfa4"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/FCLqyc2bgQJhXjxEyytkQ6tsgCI/gallery/Groessere-Entdeckung-im-Burgwald.jpg" alt="Größere Entdeckung im Burgwald von bS_mr" title="Größere Entdeckung im Burgwald"> </a> <figcaption class="detail_list"> <ul> <li class="title">Größere Entdeckung im Burgwald</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> Mittwoch, 06:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Think-pink-90f7e498bb6c03d96e3e6da8f372fad3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FODov2adyIM6XuekemTshVkxno4/gallery/Think-pink.jpg" alt="Think pink von ShE 1981" title="Think pink"> </a> <figcaption class="detail_list"> <ul> <li class="title">Think pink</li> <li class="user"> von <a href="/foto/galerie/benutzer/1700898/fotos/">ShE 1981</a> </li> <li class="upload_date"> Mittwoch, 05:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/die-Luetten-lassen-sich-unverkrampft-fotografieren-69da20078581f04f6b76c888355aacf0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sOqnejEMIOyDcA6OsWBKTZTjGTg/gallery/die-Luetten-lassen-sich-unverkrampft-fotografieren.jpg" alt="die "Lütten" lassen sich unverkrampft fotografieren von Otto Hitzegrad" title="die "Lütten" lassen sich unverkrampft fotografieren"> </a> <figcaption class="detail_list"> <ul> <li class="title">die "Lütten" lassen sich unverkrampft fotografieren</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> Mittwoch, 05:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/DNB-Leipzig-9fac298061bad7471db2d11c86a631d9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OFBwhmY4iURd4ak62vAsaFoLVDs/gallery/DNB-Leipzig.jpg" alt="DNB Leipzig von NAlois" title="DNB Leipzig"> </a> <figcaption class="detail_list"> <ul> <li class="title">DNB Leipzig</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> Mittwoch, 00:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/nebeneinander-am-Fluss-d7650aa51ea99adca0e7e92392d7ffd0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ogh74VYaTgddfugXsz1Sch65wpA/gallery/nebeneinander-am-Fluss.jpg" alt="nebeneinander am Fluss von Bernd Seibel" title="nebeneinander am Fluss"> </a> <figcaption class="detail_list"> <ul> <li class="title">nebeneinander am Fluss</li> <li class="user"> von <a href="/foto/galerie/benutzer/538432/fotos/">Bernd Seibel</a> </li> <li class="upload_date"> Dienstag, 19:59 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Am-Ufer-d187b385953265d2b604b8708e5ce8ee"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/oDTLkSFvJxK3LiyYa9pXiNBH6S8/gallery/Am-Ufer.jpg" alt="Am Ufer von CR09" title="Am Ufer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Am Ufer</li> <li class="user"> von <a href="/foto/galerie/benutzer/1612259/fotos/">CR09</a> </li> <li class="upload_date"> Dienstag, 18:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/10-Fenster-fff8d3f38ba5ec1bd22336da3dacc031"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dbNA1q9dWGuMyvcmVDcss0WBdio/gallery/10-Fenster.jpg" alt="10 Fenster von Addi Beck" title="10 Fenster"> </a> <figcaption class="detail_list"> <ul> <li class="title">10 Fenster</li> <li class="user"> von <a href="/foto/galerie/benutzer/535082/fotos/">Addi Beck</a> </li> <li class="upload_date"> Dienstag, 17:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Radioaktiv-3f72a5d8324533ede0eb87ac0eef092d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yxcrLtAZGRe3pax0m90H0d225gs/gallery/Radioaktiv.jpg" alt="Radioaktiv von Karsten Gieselmann" title="Radioaktiv"> </a> <figcaption class="detail_list"> <ul> <li class="title">Radioaktiv</li> <li class="user"> von <a href="/foto/galerie/benutzer/748164/fotos/">Karsten Gieselmann</a> </li> <li class="upload_date"> Dienstag, 17:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Treffen-der-Zipfelmuetzen-8a378314ba36fd4ce85131a287cc0228"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/VoOsam9tJHwr3x0ioDzyEVuGzQo/gallery/Treffen-der-Zipfelmuetzen.jpg" alt="Treffen der Zipfelmützen von lgfokus" title="Treffen der Zipfelmützen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Treffen der Zipfelmützen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1633936/fotos/">lgfokus</a> </li> <li class="upload_date"> Dienstag, 16:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Loewenzahn-732ace6912246251751adba685d8e690"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Mza2IYKNTiaMHdlYAgiEIR8NeGs/gallery/Loewenzahn.jpg" alt="Löwenzahn von Wolfgang Görgen" title="Löwenzahn"> </a> <figcaption class="detail_list"> <ul> <li class="title">Löwenzahn</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> Dienstag, 15:10 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Blattwespenlarve-e6ae62b225e451bda2b08538ce6bbfa9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/35P2YiixPxBgOriqaEQWGdYQDG8/gallery/Blattwespenlarve.jpg" alt="Blattwespenlarve von Kurt von Hebsack" title="Blattwespenlarve"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blattwespenlarve</li> <li class="user"> von <a href="/foto/galerie/benutzer/1709990/fotos/">Kurt von Hebsack</a> </li> <li class="upload_date"> Dienstag, 13:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/dem-Tankrabatt-8e6760e2c2e5c5ef24aa3a6ca97e8b4f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/woid5I921o4PdHabD0IAkJ9EAGM/gallery/dem-Tankrabatt.jpg" alt="...dem Tankrabatt von AlletaGe" title="...dem Tankrabatt"> </a> <figcaption class="detail_list"> <ul> <li class="title">...dem Tankrabatt</li> <li class="user"> von <a href="/foto/galerie/benutzer/379601/fotos/">AlletaGe</a> </li> <li class="upload_date"> Dienstag, 13:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Baerlauchwald-82f6b54baf0238f16848dc57a06149e6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/USMDQhFAutUyBAhLWcfhCraivIg/gallery/Baerlauchwald.jpg" alt="Bärlauchwald von dg9ncc" title="Bärlauchwald"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bärlauchwald</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> Dienstag, 12:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Farbakzente-ca87707f21a2314c645819f4f6bece89"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Wez5h9ExgwsYSaZEyiHY5u2hgQU/gallery/Farbakzente.jpg" alt="Farbakzente von Stephan Gläser" title="Farbakzente"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farbakzente</li> <li class="user"> von <a href="/foto/galerie/benutzer/805106/fotos/">Stephan Gläser</a> </li> <li class="upload_date"> Dienstag, 12:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bergwanderungen-eda28b3967c5520cb9035529dad6bb9d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ALxJOz8xeiAGXZe9XFSsan8UJcg/gallery/Bergwanderungen.jpg" alt="Bergwanderungen von lbfoto64" title="Bergwanderungen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bergwanderungen</li> <li class="user"> von <a href="/foto/galerie/benutzer/581629/fotos/">lbfoto64</a> </li> <li class="upload_date"> Dienstag, 12:17 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Bluetenbad-ec3bc6c5b404f985a09a38b4b73266b4"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/9DHJ0ZFY3CSgYbNDtId1dR2bLe0/gallery/Bluetenbad.jpg" alt="Blütenbad von metapix" title="Blütenbad"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blütenbad</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> Dienstag, 10:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Am-Wasser-c8df0cfc9b4b1e97bf349b6ba34a0604"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OD2eIK9veH1SUr0WWjsnRIbA1e8/gallery/Am-Wasser.jpg" alt="Am Wasser von CR09" title="Am Wasser"> </a> <figcaption class="detail_list"> <ul> <li class="title">Am Wasser</li> <li class="user"> von <a href="/foto/galerie/benutzer/1612259/fotos/">CR09</a> </li> <li class="upload_date"> Dienstag, 10:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Drei-Tuerme-275bb1ac03964f977a9fdb5c1ee536dd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/VkrXxhAW6BDZLQrEfu2j6GvIvXU/gallery/Drei-Tuerme.jpg" alt="Drei Türme von vicia-faba" title="Drei Türme"> </a> <figcaption class="detail_list"> <ul> <li class="title">Drei Türme</li> <li class="user"> von <a href="/foto/galerie/benutzer/1177796/fotos/">vicia-faba</a> </li> <li class="upload_date"> Dienstag, 10:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stammbaum-72606299f81f558423a1ef03fa012e91"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0VPg30xAhfObNXqjki24BQIkLy8/gallery/Stammbaum.jpg" alt="Stammbaum von Reiner von der Schlei" title="Stammbaum"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stammbaum</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> Dienstag, 10:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/buddy-d87b924b97407fe5e78015802a241c58"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tx4XGj800cqKeOCLJIM8TliZrHs/gallery/buddy.jpg" alt="buddy von baumfrosch" title="buddy"> </a> <figcaption class="detail_list"> <ul> <li class="title">buddy</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> Dienstag, 08:47 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schwarzkiefer-ac8bed51e63c8c3e5119c7ec2628c8af"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/k4GzrYArEd9bNn2XPirLSXafA88/gallery/Schwarzkiefer.jpg" alt="Schwarzkiefer von Lena-13" title="Schwarzkiefer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schwarzkiefer</li> <li class="user"> von <a href="/foto/galerie/benutzer/679294/fotos/">Lena-13</a> </li> <li class="upload_date"> Dienstag, 07:56 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=4" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=1">1</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=2">2</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=3">3</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=4">4</a></li> <li class="current_page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=5">5</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=6">6</a></li> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=7">7</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=48">48</a></li> <li><a href="/foto/galerie/?fbclid=IwAR0E5_D43VSN12mUqO9N8a1A2NttK4osHvrNKJvBXoZ_JprDL-NU9J6dIi4&offset=6" class="page_more">Weiter</a></li> </ul> </div>