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/angry-bird-21884032f0de33c723566f17b058948e/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">angry bird</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/s-ist-Schnaeppchenzeit-48f3619da098436345b31e01a2dae524"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/qPZbH3jiJ6LvuFffQZPkBstEuMU/gallery/s-ist-Schnaeppchenzeit.jpg" alt="'s ist Schnäppchenzeit. von Thomas Brahtel" title="'s ist Schnäppchenzeit."> </a> <figcaption class="detail_list"> <ul> <li class="title">'s ist Schnäppchenzeit.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1273183/fotos/">Thomas Brahtel</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Da-wo-es-abblaettert-und-broeselt-a1cbae72f361b31ee4262ee4bf932763"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yMdha7Pl5iZGyD7idG7SIv11Bgs/gallery/Da-wo-es-abblaettert-und-broeselt.jpg" alt="Da, wo es abblättert und bröselt. von Thomas Brahtel" title="Da, wo es abblättert und bröselt."> </a> <figcaption class="detail_list"> <ul> <li class="title">Da, wo es abblättert und bröselt.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1273183/fotos/">Thomas Brahtel</a> </li> <li class="upload_date"> vor einer Stunde </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Warten-auf-die-Matjes-5d5be1d8c8435eb3b70676468feb3229"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mwjo9qYLYbzDcpIhp3tURzvMeXs/gallery/Warten-auf-die-Matjes.jpg" alt="Warten auf die Matjes .... von Thomas Brahtel" title="Warten auf die Matjes ...."> </a> <figcaption class="detail_list"> <ul> <li class="title">Warten auf die Matjes ....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1273183/fotos/">Thomas Brahtel</a> </li> <li class="upload_date"> vor 2 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-rechten-Winkel-betrachtet-28f0b200a6accf7b61fb55f697e0c9bd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/svnHkhuFvUeJUDi3WUh2kQsvcFA/gallery/Im-rechten-Winkel-betrachtet.jpg" alt="Im rechten Winkel betrachtet von katzefudder" title="Im rechten Winkel betrachtet"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im rechten Winkel betrachtet</li> <li class="user"> von <a href="/foto/galerie/benutzer/288573/fotos/">katzefudder</a> </li> <li class="upload_date"> vor 3 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Eine-Beere-b9b1bc8b033ed8cf10a88c53d34df4f3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/p0e3ry0IMbEsXe3q2cQJWP3AoCk/gallery/Eine-Beere.jpg" alt="Eine Beere von Metamix" title="Eine Beere"> </a> <figcaption class="detail_list"> <ul> <li class="title">Eine Beere</li> <li class="user"> von <a href="/foto/galerie/benutzer/1843500/fotos/">Metamix</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Vorfruehling-a925e81800d14fc9ce609153b4260eaa"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/8ElQJPG1J7iSwwoYYibyhViHYEk/gallery/Vorfruehling.jpg" alt="Vorfrühling von Addi Beck" title="Vorfrühling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vorfrühling</li> <li class="user"> von <a href="/foto/galerie/benutzer/535082/fotos/">Addi Beck</a> </li> <li class="upload_date"> vor 4 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kuschel-Muschel-bdcf777a1e4e4d6555f55c7c34deffb7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/B6Oi6hbqiI4vNiUrPiBV9pn7Xqc/gallery/Kuschel-Muschel.jpg" alt="Kuschel-Muschel von Gast (75d8c32e)" title="Kuschel-Muschel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kuschel-Muschel</li> <li class="user"> von <a href="/foto/galerie/benutzer/1794273/fotos/">Gast (75d8c32e)</a> </li> <li class="upload_date"> vor 9 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Abbey-road-016d1c01d00d2f0301738a2196843239"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ii4gREFsiAHFsOFNNX3rhiT9VQM/gallery/Abbey-road.jpg" alt="Abbey road von Martin Ruopp" title="Abbey road"> </a> <figcaption class="detail_list"> <ul> <li class="title">Abbey road</li> <li class="user"> von <a href="/foto/galerie/benutzer/1227454/fotos/">Martin Ruopp</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/schraege-Musik-00c2999e72d37a1baa82e11d87db665e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/gEi0XtIpK2AUMpmoqT5JbC3LFhE/gallery/schraege-Musik.jpg" alt="schräge Musik von metapix" title="schräge Musik"> </a> <figcaption class="detail_list"> <ul> <li class="title">schräge Musik</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> vor 10 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gehen-wir-doch-mal-in-den-Park-bf38fa14b1de835d5c43a853a2c5c44c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AL3nppnT8SDiQhx1SAxB048RFvw/gallery/Gehen-wir-doch-mal-in-den-Park.jpg" alt="Gehen wir doch mal in den Park von vicia-faba" title="Gehen wir doch mal in den Park"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gehen wir doch mal in den Park</li> <li class="user"> von <a href="/foto/galerie/benutzer/1177796/fotos/">vicia-faba</a> </li> <li class="upload_date"> vor 11 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Eisbank-dcc4302933f5d1eab9ca31342e0c26d7"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/i5EpB4X3yBiLyc1KUc2Gr8U8YMQ/gallery/Eisbank.jpg" alt="Eisbank von Anke Diehnelt Fotografie" title="Eisbank"> </a> <figcaption class="detail_list"> <ul> <li class="title">Eisbank</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> vor 11 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kalte-Nase-1b3fd24909880b8e238caa6673a6017e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/i1TZ5E5m8hXHlcj8F6GtN4CZv1U/gallery/Kalte-Nase.jpg" alt="Kalte Nase von Anke Diehnelt Fotografie" title="Kalte Nase"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kalte Nase</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> vor 11 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kloster-Eldena-2-ee895d70688abc0d32eb3c075c3b812d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sOjNZ0tBnCwun5yeSstVSRRXMls/gallery/Kloster-Eldena-2.jpg" alt="Kloster Eldena 2 von Lena-13" title="Kloster Eldena 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kloster Eldena 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/679294/fotos/">Lena-13</a> </li> <li class="upload_date"> vor 13 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Auf-Beutesuche-3047b1600841739d628cac7bd365f3a7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yvt0op0gBSeyUXxTausIKDoXPKU/gallery/Auf-Beutesuche.jpg" alt="Auf Beutesuche von analoochjehtooch" title="Auf Beutesuche"> </a> <figcaption class="detail_list"> <ul> <li class="title">Auf Beutesuche</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mit-Efeu-umrankt-4a584b2a66c7818939ea8d652cdd205b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/s5mgUklHAoIiihqHgHc10ypjGws/gallery/Mit-Efeu-umrankt.jpg" alt="Mit Efeu umrankt von bS_mr" title="Mit Efeu umrankt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mit Efeu umrankt</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> vor 14 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/morgens-im-Park-die-Wege-sind-immer-frei-8d8b3bdc3c909a6a8273afbacc84c0e7"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/lNZqxILqL1kc1eeIUD9tt7P90Rc/gallery/morgens-im-Park-die-Wege-sind-immer-frei.jpg" alt="morgens im Park, die Wege sind immer frei! von Otto Hitzegrad" title="morgens im Park, die Wege sind immer frei!"> </a> <figcaption class="detail_list"> <ul> <li class="title">morgens im Park, die Wege sind immer frei!</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> vor 15 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/S-t-u-t-t-g-a-r-t-d3e23651925f9041e5a8cb55df4bc9f0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AxD017b9jsnq3UWulj687xoKrFE/gallery/S-t-u-t-t-g-a-r-t.jpg" alt="S t u t t g a r t von Joachim Kiner" title="S t u t t g a r t"> </a> <figcaption class="detail_list"> <ul> <li class="title">S t u t t g a r t</li> <li class="user"> von <a href="/foto/galerie/benutzer/582309/fotos/">Joachim Kiner</a> </li> <li class="upload_date"> vor 22 Stunden </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Star-Auftritt-im-Schneegestoeber-413b8ba4fc3772a3595d6b0e0c3122c9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WuvgJwq4XaiNXN5EL7btowXxiX0/gallery/Star-Auftritt-im-Schneegestoeber.jpg" alt="Star-Auftritt im Schneegestöber! von tpau17" title="Star-Auftritt im Schneegestöber!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Star-Auftritt im Schneegestöber!</li> <li class="user"> von <a href="/foto/galerie/benutzer/1749898/fotos/">tpau17</a> </li> <li class="upload_date"> Donnerstag, 21:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bitte-Platz-nehmen-674e7cab97611db9aa172aca968a715e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/l0z0sOiNxlZzGRjorychB8KxTws/gallery/Bitte-Platz-nehmen.jpg" alt="Bitte Platz nehmen von Anke Diehnelt Fotografie" title="Bitte Platz nehmen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bitte Platz nehmen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> Donnerstag, 21:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schau-mir-in-die-Augen-Kleine-b5b02b14e6b3034ebe6eb4d2ba9ef71e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4XwKwmNc0Dk0W8DKQiAiTVE5otU/gallery/Schau-mir-in-die-Augen-Kleine.jpg" alt="Schau mir in die Augen, Kleine von Anke Diehnelt Fotografie" title="Schau mir in die Augen, Kleine"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schau mir in die Augen, Kleine</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> Donnerstag, 20:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mittagspause-5b3cab3fb52466bec268eb24893dd71d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FUidNncaG1ORB2goOLs7vnFgxHg/gallery/Mittagspause.jpg" alt="Mittagspause von Gast (75d8c32e)" title="Mittagspause"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mittagspause</li> <li class="user"> von <a href="/foto/galerie/benutzer/1794273/fotos/">Gast (75d8c32e)</a> </li> <li class="upload_date"> Donnerstag, 18:47 </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>