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/Eine-Innenwelt-841dd091fd259474913799ec0de4e8da/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Eine Innenwelt.</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1273183/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1273183" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1273183/fotos/"> Thomas Brahtel </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/Federgewicht-9c3cb11fc95ea776fcf03528881650eb"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/2k0RQhSX8Ajse0vMN2tVinpiWxY/gallery/Federgewicht.jpg" alt="Federgewicht von Klicker3D" title="Federgewicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Federgewicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> vor 2 Minuten </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/m-a-s-c-h-i-n-e-n-r-a-u-m-d4d90c5cccc50dbccab8d9c3c1b68e26"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LHBMJzI7KVnacTVHCitJpFfMJVs/gallery/m-a-s-c-h-i-n-e-n-r-a-u-m.jpg" alt="m a s c h i n e n r a u m von Joachim Kiner" title="m a s c h i n e n r a u m"> </a> <figcaption class="detail_list"> <ul> <li class="title">m a s c h i n e n r a u m</li> <li class="user"> von <a href="/foto/galerie/benutzer/582309/fotos/">Joachim Kiner</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/vereister-Steg-an-der-Ostsee-207278fa67e9a6c0a72d9fe9f0b28bdf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xJXYLjS6M1saG2cWA2aPfsQA4s4/gallery/vereister-Steg-an-der-Ostsee.jpg" alt="vereister Steg an der Ostsee... von claus-labenz" title="vereister Steg an der Ostsee..."> </a> <figcaption class="detail_list"> <ul> <li class="title">vereister Steg an der Ostsee...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/nicht-von-hier-c894f452151f1106083eba3f0ec0dbeb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/gMRsQ9V8DeGciSwSp5QZ5cEkfm0/gallery/nicht-von-hier.jpg" alt="nicht von hier... von dg9ncc" title="nicht von hier..."> </a> <figcaption class="detail_list"> <ul> <li class="title">nicht von hier...</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Warten-71f6f3d2220e861a2d777fc4c27c11e2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tPemo2ySeLq6FDHLhhNGwniMwSQ/gallery/Warten.jpg" alt="Warten !!! von der Onkel Werner" title="Warten !!!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Warten !!!</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 col2"> <figure> <a href="/foto/galerie/foto/fuer-Nalois-d669c3cb414a3f30e5aa0445d0422e3b"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/bkvMNWUiYpDr242cSaoixofdxqk/gallery/fuer-Nalois.jpg" alt="..für Nalois von AlletaGe" title="..für Nalois"> </a> <figcaption class="detail_list"> <ul> <li class="title">..für Nalois</li> <li class="user"> von <a href="/foto/galerie/benutzer/379601/fotos/">AlletaGe</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Futurismus-86a12fd62ef0a93cdab2ec203b624866"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/GYkIfZgmk4CGsikWUki2hWjzWRU/gallery/Futurismus.jpg" alt="Futurismus von metapix" title="Futurismus"> </a> <figcaption class="detail_list"> <ul> <li class="title">Futurismus</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Blick-ueber-den-Bodensee-d178f356462bbb6c3292fe9f27b165aa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wKBCkUvYrWMlXnZe2vxw3ZVX5tg/gallery/Blick-ueber-den-Bodensee.jpg" alt="Blick über den Bodensee von Bernd Seibel" title="Blick über den Bodensee"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blick über den Bodensee</li> <li class="user"> von <a href="/foto/galerie/benutzer/538432/fotos/">Bernd Seibel</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Knick-aa87fae64732f9416cd538981c941e3d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/idZ9WdsRxiFk3UJT8VeErTe8kv4/gallery/Knick.jpg" alt="Knick von Reiner von der Schlei" title="Knick"> </a> <figcaption class="detail_list"> <ul> <li class="title">Knick</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/nicht-am-Nordpol-sondern-Travemuende-041d4d5289b55d61e79a737d16b0a50e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Rukd2yojHbi7YkDVYRMmxIE6aew/gallery/nicht-am-Nordpol-sondern-Travemuende.jpg" alt="nicht am Nordpol, sondern Travemünde... von claus-labenz" title="nicht am Nordpol, sondern Travemünde..."> </a> <figcaption class="detail_list"> <ul> <li class="title">nicht am Nordpol, sondern Travemünde...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Treppenaufgang-2d09edd8346c4f85b0789d05732aa37d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MnPAP6hS5QDBivJA5ua8xkbvnLk/gallery/Treppenaufgang.jpg" alt="Treppenaufgang von Wolfgang Görgen" title="Treppenaufgang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Treppenaufgang</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Eisperlen-06ebc6f4b1a3a7e582c3edf393c0085b"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/t8maqWkrz3HHqG9mb0YB1CRbIS0/gallery/Eisperlen.jpg" alt="Eisperlen... von Lena-13" title="Eisperlen..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Eisperlen...</li> <li class="user"> von <a href="/foto/galerie/benutzer/679294/fotos/">Lena-13</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mein-Reich-cb55100cea6d5c9f60c10dbe549e95aa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/E4km8v5x5nYaOges0iVETzFZNyg/gallery/Mein-Reich.jpg" alt="Mein Reich von analoochjehtooch" title="Mein Reich"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mein Reich</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> vor 7 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Sie-leuchten-wieder-954baa3c235909d4e83d99665db62e5d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CcbFO1SEi4VEidisqwZG4VRasps/gallery/Sie-leuchten-wieder.jpg" alt="Sie leuchten wieder von NAlois" title="Sie leuchten wieder"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sie leuchten wieder</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> vor 13 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Roetelmaus-426e16429c3cf51ee9eb831b6cee843a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/85SXIBsXndLf3rN6HmJrNPFF9dc/gallery/Roetelmaus.jpg" alt="Rötelmaus von Carl-Peter Herbolzheimer" title="Rötelmaus"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rötelmaus</li> <li class="user"> von <a href="/foto/galerie/benutzer/637370/fotos/">Carl-Peter Herbolzheimer</a> </li> <li class="upload_date"> vor 15 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gartenbaumlaeufer-3d76747622afaf8fa25ead411fd7532a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xBDQ8moJyXk7UkCYJT68h4QlqnQ/gallery/Gartenbaumlaeufer.jpg" alt="Gartenbaumläufer von Carl-Peter Herbolzheimer" title="Gartenbaumläufer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gartenbaumläufer</li> <li class="user"> von <a href="/foto/galerie/benutzer/637370/fotos/">Carl-Peter Herbolzheimer</a> </li> <li class="upload_date"> vor 15 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/WAS-HAB-ICH-DA-WOHL-FOTOGRAFIERT-7a45e7d9fb47c82de725bb7174dc94af"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/bJKQR8KKcAxaiICSUPawmkFQ6aM/gallery/WAS-HAB-ICH-DA-WOHL-FOTOGRAFIERT.jpg" alt="WAS HAB ICH DA WOHL FOTOGRAFIERT? von Carl-Peter Herbolzheimer" title="WAS HAB ICH DA WOHL FOTOGRAFIERT?"> </a> <figcaption class="detail_list"> <ul> <li class="title">WAS HAB ICH DA WOHL FOTOGRAFIERT?</li> <li class="user"> von <a href="/foto/galerie/benutzer/637370/fotos/">Carl-Peter Herbolzheimer</a> </li> <li class="upload_date"> vor 15 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Moon-over-La-Defense-239518edbdfde0eae9d2d184a032d915"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ZQoy7U2XhQH1Lrv5rIfdsek5ilo/gallery/Moon-over-La-Defense.jpg" alt="Moon over La Défense von bkl" title="Moon over La Défense"> </a> <figcaption class="detail_list"> <ul> <li class="title">Moon over La Défense</li> <li class="user"> von <a href="/foto/galerie/benutzer/1549656/fotos/">bkl</a> </li> <li class="upload_date"> vor 17 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kopfarbeit-e64f763be0dd6b05efcf1a4b4c4c9548"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/P8s7r9PumOiisAqP8U0KCdrJi3g/gallery/Kopfarbeit.jpg" alt="Kopfarbeit. von der Onkel Werner" title="Kopfarbeit."> </a> <figcaption class="detail_list"> <ul> <li class="title">Kopfarbeit.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> vor 17 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pacific-Coast-California-1c8fdc7871263719d0f5b06ea531d39e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TVoptqPyEHJioRW1pKFuAzUb9Pk/gallery/Pacific-Coast-California.jpg" alt="Pacific Coast California von Thomas Becher" title="Pacific Coast California"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pacific Coast California</li> <li class="user"> von <a href="/foto/galerie/benutzer/1741726/fotos/">Thomas Becher</a> </li> <li class="upload_date"> vor 18 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pacific-Coast-California-5c0e72c5dd21ae35d7bf1c45422b986a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8oMwkYYUYuHxZcU2PiUSARkAofc/gallery/Pacific-Coast-California.jpg" alt="Pacific Coast California von Thomas Becher" title="Pacific Coast California"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pacific Coast California</li> <li class="user"> von <a href="/foto/galerie/benutzer/1741726/fotos/">Thomas Becher</a> </li> <li class="upload_date"> vor 18 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>