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/Fuer-Lars-b9c8fafa59e868d3e6d9cb26da49c8b8/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Für Lars</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/496228/fotos/"> <img class="avatar" src="/foto/galerie/avatar/496228" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/496228/fotos/"> Heike Maier </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/Ihre-Haende-6940996316416278aa33f4e95732f333"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HipUPEuWTAuaYiHeiWPg8r9hV0E/gallery/Ihre-Haende.jpg" alt="Ihre Hände von Ivan im Abstrakten" title="Ihre Hände"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ihre Hände</li> <li class="user"> von <a href="/foto/galerie/benutzer/1386266/fotos/">Ivan im Abstrakten</a> </li> <li class="upload_date"> vor 14 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Seine-Majestaet-65b7b92dc3cc08cd296e04fb122a444a"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/90nOvO6yf7QNbw3vASQVKp9Zvjk/gallery/Seine-Majestaet.jpg" alt="Seine Majestät von analoochjehtooch" title="Seine Majestät"> </a> <figcaption class="detail_list"> <ul> <li class="title">Seine Majestät</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Laterne-NAlois-26247858f48d53b2dff2da65347971cf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/L9sd3Hrh1hkvDQWv6Awqmqd0Z8Y/gallery/Laterne-NAlois.jpg" alt="Laterne (NAlois) von Klicker3D" title="Laterne (NAlois)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Laterne (NAlois)</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Baum-mit-Sternen-31d14453071c1f0d8d32409af31ea357"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/S3L7edCzYlOaLJYORxVVYi8tftE/gallery/Baum-mit-Sternen.jpg" alt="Baum mit Sternen von NAlois" title="Baum mit Sternen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Baum mit Sternen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> vor 8 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Futterneid-Mike-FJ-122289f4da8cba75d31d965cf3081d5c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8ycenTN4TP7OVGQpp0AEtsEfIYc/gallery/Futterneid-Mike-FJ.jpg" alt="Futterneid (Mike_FJ) von Klicker3D" title="Futterneid (Mike_FJ)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Futterneid (Mike_FJ)</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> vor 11 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pfeiffer-Beach-CA-b17bc67a06aba69ea35282b66f6dd2c7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/BhaGtyQ4qqMPfYWbddlEF4vwUzI/gallery/Pfeiffer-Beach-CA.jpg" alt="Pfeiffer Beach, CA von Thomas Becher" title="Pfeiffer Beach, CA"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pfeiffer Beach, CA</li> <li class="user"> von <a href="/foto/galerie/benutzer/1741726/fotos/">Thomas Becher</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Pfeiffer-Beach-CA-7391559d99a9c9b9857713debed22aa2"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/uo1I6IdgMjbZnlDDlzZ0TAdgJvE/gallery/Pfeiffer-Beach-CA.jpg" alt="Pfeiffer Beach, CA von Thomas Becher" title="Pfeiffer Beach, CA"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pfeiffer Beach, CA</li> <li class="user"> von <a href="/foto/galerie/benutzer/1741726/fotos/">Thomas Becher</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pfeiffer-Beach-CA-35417c7e1459c5a3565e0c7c57f21aef"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yz0nl5ElYfKocWyofiuHiqASr0w/gallery/Pfeiffer-Beach-CA.jpg" alt="Pfeiffer Beach,. CA von Thomas Becher" title="Pfeiffer Beach,. CA"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pfeiffer Beach,. CA</li> <li class="user"> von <a href="/foto/galerie/benutzer/1741726/fotos/">Thomas Becher</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Nadel-5ed1a19ae62cb1b9833af87cd2a4052f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mfKlFua3kIZbcCGnFFXH6vwpV5o/gallery/Nadel.jpg" alt="Nadel von dg9ncc" title="Nadel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nadel</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schraube-Locker-13e03179c0b308fecd6bebbe18e1b911"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rY710N3Eu5FBoJUcWGcZ0MRACxc/gallery/Schraube-Locker.jpg" alt="Schraube Locker? von katzefudder" title="Schraube Locker?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schraube Locker?</li> <li class="user"> von <a href="/foto/galerie/benutzer/288573/fotos/">katzefudder</a> </li> <li class="upload_date"> vor 16 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ruhe-auf-dem-Acker-5920032d1e089c2b4f2d00cf5cf8daf5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/pe8Ot7DpG7H94DmlKNpWAKdJfV0/gallery/Ruhe-auf-dem-Acker.jpg" alt="Ruhe auf dem Acker von Wolzow1902" title="Ruhe auf dem Acker"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ruhe auf dem Acker</li> <li class="user"> von <a href="/foto/galerie/benutzer/886367/fotos/">Wolzow1902</a> </li> <li class="upload_date"> vor 17 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Silos-caf70567898e01d24ea64aa7ecb50a79"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/ZHTxKXbrsiimMCOintn8TEnN1vk/gallery/Silos.jpg" alt="Silos von Mike_FJ" title="Silos"> </a> <figcaption class="detail_list"> <ul> <li class="title">Silos</li> <li class="user"> von <a href="/foto/galerie/benutzer/1510523/fotos/">Mike_FJ</a> </li> <li class="upload_date"> vor 20 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/nach-17-Uhr-6aed369780df35d5159e9eb42566a1e9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iqbHiY8bhnlKZjiViYMVMrDdzXI/gallery/nach-17-Uhr.jpg" alt="...nach 17 Uhr von AlletaGe" title="...nach 17 Uhr"> </a> <figcaption class="detail_list"> <ul> <li class="title">...nach 17 Uhr</li> <li class="user"> von <a href="/foto/galerie/benutzer/379601/fotos/">AlletaGe</a> </li> <li class="upload_date"> vor 20 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lamettabaum-562ddcc28b5436311af5e20075a58ebe"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/oNvSQdNsbihPi446A2gwwjaQPP8/gallery/Lamettabaum.jpg" alt="Lamettabaum von metapix" title="Lamettabaum"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lamettabaum</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 21 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Zwei-f30995c355a3e7e89919825110596559"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/G8eXAwiyzPHTnLtaiLVOC3of2iw/gallery/Die-Zwei.jpg" alt="Die Zwei von Reiner von der Schlei" title="Die Zwei"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Zwei</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> vor 21 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Textmarker-4e7dc35bf2f59d4f32a34255671af4d9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/eJnggFM8NrRJjoec4DMYVlYEAdE/gallery/Textmarker.jpg" alt="Textmarker von Klicker3D" title="Textmarker"> </a> <figcaption class="detail_list"> <ul> <li class="title">Textmarker</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> vor 22 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Licht-an-fuer-den-Fruehling-773af7535510524548f7f13c6626df25"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/vinroxEvzTiif498a5lA8sfQWcQ/gallery/Licht-an-fuer-den-Fruehling.jpg" alt="Licht an für den Frühling von uschi1956" title="Licht an für den Frühling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Licht an für den Frühling</li> <li class="user"> von <a href="/foto/galerie/benutzer/809377/fotos/">uschi1956</a> </li> <li class="upload_date"> vor 22 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stockcar-Rennen-2-1084fa93d9a5b1eff08e56d46b87cad5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AeabKjmaVD1wgv2ICggVJPYYGL8/gallery/Stockcar-Rennen-2.jpg" alt="Stockcar-Rennen 2 von PR Augenblick" title="Stockcar-Rennen 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stockcar-Rennen 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/1801485/fotos/">PR Augenblick</a> </li> <li class="upload_date"> vor 23 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stockcar-Rennen-1-4c6cb8fc85b592f8a3439e401fc20575"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/hAtZPIxpi0oHZJSh87I3Tghawe4/gallery/Stockcar-Rennen-1.jpg" alt="Stockcar-Rennen 1 von PR Augenblick" title="Stockcar-Rennen 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stockcar-Rennen 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/1801485/fotos/">PR Augenblick</a> </li> <li class="upload_date"> vor 23 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stockcar-Rennen-3-32faae68c3822a041e52ab845a718e35"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/itWY3nnmLDLh1NgtifIJqv5qQ0Y/gallery/Stockcar-Rennen-3.jpg" alt="Stockcar-Rennen 3 von PR Augenblick" title="Stockcar-Rennen 3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stockcar-Rennen 3</li> <li class="user"> von <a href="/foto/galerie/benutzer/1801485/fotos/">PR Augenblick</a> </li> <li class="upload_date"> vor 23 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stille-01596905f8a677bac13267f40c4f51e4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uxi6oa8S2j7XJoaeFwunmiQ94to/gallery/Stille.jpg" alt="Stille von Lula" title="Stille"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stille</li> <li class="user"> von <a href="/foto/galerie/benutzer/1517494/fotos/">Lula</a> </li> <li class="upload_date"> vor 23 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>