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/Licht-und-Schatten-794142bb0442de22a28f08f411c2c9cd/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Licht und Schatten</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1009588/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1009588" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1009588/fotos/"> Lightpix84 </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/Turm-auf-D2-3339da56c8c915f4d154229320286d6d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ioj3aev0hLo3hueoV6CqRtHp1e0/gallery/Turm-auf-D2.jpg" alt="Turm auf D2 von .ChristiaN." title="Turm auf D2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Turm auf D2</li> <li class="user"> von <a href="/foto/galerie/benutzer/583721/fotos/">.ChristiaN.</a> </li> <li class="upload_date"> vor 17 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Seebuehne-La-traviata-177098a357884035eda660d6ce1fc6ec"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/qSlBW3faEu8OEG7hMiSYBVlYSLY/gallery/Seebuehne-La-traviata.jpg" alt="Seebühne La traviata von NAlois" title="Seebühne La traviata"> </a> <figcaption class="detail_list"> <ul> <li class="title">Seebühne La traviata</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> vor 38 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blue-Sky-041e2fb9c32f8814607b3f0f5ce4afb2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wDzYRUDqLQUApKh4ow4Z6mKZPTU/gallery/Blue-Sky.jpg" alt="Blue Sky von zooom!" title="Blue Sky"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blue Sky</li> <li class="user"> von <a href="/foto/galerie/benutzer/1019039/fotos/">zooom!</a> </li> <li class="upload_date"> vor 55 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-Leitertraeger-e074f17f780769f5439ec4a4c239825a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qgETQFe796ADzLaUwKVaZTHAgiE/gallery/Der-Leitertraeger.jpg" alt="Der Leiterträger von Wolfgang Görgen" title="Der Leiterträger"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Leiterträger</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Color-Flowers-Raindrops-61a6dfb2b001cacb1e54b38a3c4deaae"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/X0MdaDbE8rW8CYZyyQmL6MCqEhA/gallery/Color-Flowers-Raindrops.jpg" alt="Color Flowers & Raindrops von Stephan Gläser" title="Color Flowers & Raindrops"> </a> <figcaption class="detail_list"> <ul> <li class="title">Color Flowers & Raindrops</li> <li class="user"> von <a href="/foto/galerie/benutzer/805106/fotos/">Stephan Gläser</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fragile-Welt-5fbffadbab8117d1a338bf4e5498caa3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2Zv5wiIti11QGiqfIAY04aGXeMY/gallery/Fragile-Welt.jpg" alt="Fragile Welt von CR09" title="Fragile Welt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fragile Welt</li> <li class="user"> von <a href="/foto/galerie/benutzer/1612259/fotos/">CR09</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Losgeloest-f7a0eb3b8ce13d6b5da87c305a0b237b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/1HnsO02yziSCF4t0hXxbPThMxuk/gallery/Losgeloest.jpg" alt="Losgelöst von CR09" title="Losgelöst"> </a> <figcaption class="detail_list"> <ul> <li class="title">Losgelöst</li> <li class="user"> von <a href="/foto/galerie/benutzer/1612259/fotos/">CR09</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/De-er-Vogelfae-aenge-er-bin-ich-ja-cacaed72d7b0c0f9871f6c93681523de"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/WkTJNbnsiQZsFsi98NRit6gjsJI/gallery/De-er-Vogelfae-aenge-er-bin-ich-ja.jpg" alt="De-er Vogelfä-änge-er bin ich ja von baumfrosch" title="De-er Vogelfä-änge-er bin ich ja"> </a> <figcaption class="detail_list"> <ul> <li class="title">De-er Vogelfä-änge-er bin ich ja</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-Friedrich-kommt-mit-764ad29ea7af585bcfc30819d916e464"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qy1kLxI2P0shq2injfx8C5bi7iw/gallery/Der-Friedrich-kommt-mit.jpg" alt="Der Friedrich kommt mit von ShE 1981" title="Der Friedrich kommt mit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Friedrich kommt mit</li> <li class="user"> von <a href="/foto/galerie/benutzer/1700898/fotos/">ShE 1981</a> </li> <li class="upload_date"> vor 5 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blumenzeit-e08210ba2d5d6d9dbfd09a98b1893418"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/O9pBuKNEZ6JiFmCwNd9Ef1QmQLE/gallery/Blumenzeit.jpg" alt="Blumenzeit von metapix" title="Blumenzeit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blumenzeit</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 6 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Foltern-1-ddd452f652699cf19c779bcb961c9a15"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IJBcApi8Zxu6w8KsxIJg6IzLtxs/gallery/Foltern-1.jpg" alt="Foltern_1 von Reiner von der Schlei" title="Foltern_1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Foltern_1</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/Hexen-0f6bce423481bc43c70431ece24c7d3a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dxwMfYGJMilcw5Dn5WHl8UvVvps/gallery/Hexen.jpg" alt="Hexen von Reiner von der Schlei" title="Hexen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hexen</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 col2"> <figure> <a href="/foto/galerie/foto/Portraet-vom-bluehenden-Baerlauch-8eb11c9dca82c1bf30467515a5f1466b"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/fVjefuc26WehV41BPOQv80iOns4/gallery/Portraet-vom-bluehenden-Baerlauch.jpg" alt="Porträt vom blühenden Bärlauch von dave-derbis" title="Porträt vom blühenden Bärlauch"> </a> <figcaption class="detail_list"> <ul> <li class="title">Porträt vom blühenden Bärlauch</li> <li class="user"> von <a href="/foto/galerie/benutzer/561058/fotos/">dave-derbis</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Einsamkeit-c83968dd849855432cd19b68d55db4ed"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Y20IHciaU40dWHyfVeWUnAcyT70/gallery/Einsamkeit.jpg" alt="Einsamkeit von katzefudder" title="Einsamkeit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Einsamkeit</li> <li class="user"> von <a href="/foto/galerie/benutzer/288573/fotos/">katzefudder</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Beiss-freudig-f09414a3cc67ce8a0c2584c8525f6ccf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TG6mCGaKzLYniZt3VxNDFHif2FE/gallery/Beiss-freudig.jpg" alt="Beiß-freudig von vicia-faba" title="Beiß-freudig"> </a> <figcaption class="detail_list"> <ul> <li class="title">Beiß-freudig</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/Tulpen-d051feace666078b6fc7e56581c41915"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jAr7BxhyPYRj22DaziyaCfRIf3c/gallery/Tulpen.jpg" alt="Tulpen von katzefudder" title="Tulpen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tulpen</li> <li class="user"> von <a href="/foto/galerie/benutzer/288573/fotos/">katzefudder</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gaensebluemchen-cfbe5c6b8057b71a704e6ac81389c4a3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/oCAuv3zUiobpKHdKRYgi3QZxu1o/gallery/Gaensebluemchen.jpg" alt="Gänseblümchen von Daborius" title="Gänseblümchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gänseblümchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/553826/fotos/">Daborius</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Elisa-9096b3db45f86483f61b67bb87ebfce9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7QliU68DIsIqQuHZDeEvz36JzoU/gallery/Elisa.jpg" alt="Elisa von M.Schröder" title="Elisa"> </a> <figcaption class="detail_list"> <ul> <li class="title">Elisa</li> <li class="user"> von <a href="/foto/galerie/benutzer/770980/fotos/">M.Schröder</a> </li> <li class="upload_date"> vor 8 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Grasland-5aab2c9cb2301b22d582f831551d869d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/27S5R0oe2r36iKUYiIiGgAkiRHY/gallery/Grasland.jpg" alt="Grasland von bild0815" title="Grasland"> </a> <figcaption class="detail_list"> <ul> <li class="title">Grasland</li> <li class="user"> von <a href="/foto/galerie/benutzer/524845/fotos/">bild0815</a> </li> <li class="upload_date"> vor 9 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Schafe-und-das-Rheingold-50f04348ff8c95fe828500d1081e1d73"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/L9Wzitja7N1rvmqHcuo29u40jUA/gallery/Die-Schafe-und-das-Rheingold.jpg" alt="Die Schafe und das Rheingold von bS_mr" title="Die Schafe und das Rheingold"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Schafe und das Rheingold</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 col1"> <figure> <a href="/foto/galerie/foto/Fluechtiges-Juwel-030700c1299d1150cbc3c7d9b27c8a9f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/B181vXotSbFnO95ZUiwLZBcS3gY/gallery/Fluechtiges-Juwel.jpg" alt="Flüchtiges Juwel von Otto Hitzegrad" title="Flüchtiges Juwel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Flüchtiges Juwel</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> vor 12 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>