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/Ich-gehe-in-den-Birkenwald-denn-meine-Pillen-fa5fe0c8f35010883f88bc7330599d6d/"> <img src=""/> </a> </figure> <h3 class="detail_bild_headline">Ich gehe in den Birkenwald, denn meine Pillen...</h3>  </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/1042784/fotos/"> <img class="avatar" src="/foto/galerie/avatar/1042784" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a href="/foto/galerie/benutzer/1042784/fotos/"> Otto Hitzegrad </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/footprints-I-6a235c4661c1a4c60193068db4ecb44d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MZ511ZDa4jnjnGpPEyQ5pYMiR3o/gallery/footprints-I.jpg" alt="footprints I von lgfokus" title="footprints I"> </a> <figcaption class="detail_list"> <ul> <li class="title">footprints I</li> <li class="user"> von <a href="/foto/galerie/benutzer/1633936/fotos/">lgfokus</a> </li> <li class="upload_date"> Mittwoch, 18:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Winterspuren-a16f73e990919f9abbb5891df7d6a092"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Hoi34dMtlCBrzsEPkyw5U51DD6s/gallery/Winterspuren.jpg" alt="Winterspuren von metapix" title="Winterspuren"> </a> <figcaption class="detail_list"> <ul> <li class="title">Winterspuren</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> Mittwoch, 18:02 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schwanensee-auf-Eis-2c02496f13332d457bf6c68b0c5204ee"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/J00F0K5c6126c1NoF6bJYVXGR0c/gallery/Schwanensee-auf-Eis.jpg" alt="Schwanensee auf Eis von etherman" title="Schwanensee auf Eis"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schwanensee auf Eis</li> <li class="user"> von <a href="/foto/galerie/benutzer/151235/fotos/">etherman</a> </li> <li class="upload_date"> Mittwoch, 17:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/like-ice-in-the-sunshine-26342d82be410221308719c6e8b20c78"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0NMib4yWBxiIjMW620okRs0SkRo/gallery/like-ice-in-the-sunshine.jpg" alt="like ice in the sunshine von Klicker3D" title="like ice in the sunshine"> </a> <figcaption class="detail_list"> <ul> <li class="title">like ice in the sunshine</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> Mittwoch, 14:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/H-a-m-b-u-r-g-403025016063e542afbb4c9e0196916a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Ymd4e6WnaMANP1dz3r5pIOx7Xiw/gallery/H-a-m-b-u-r-g.jpg" alt="H a m b u r g von Joachim Kiner" title="H a m b u r g"> </a> <figcaption class="detail_list"> <ul> <li class="title">H a m b u r g</li> <li class="user"> von <a href="/foto/galerie/benutzer/582309/fotos/">Joachim Kiner</a> </li> <li class="upload_date"> Mittwoch, 14:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kohlmeise-moechte-anonym-bleiben-d655cd95b7af79395fd3ae4e620a0d6a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Q1ehjXiLBOoNg08w8zdTJ0SS79w/gallery/Kohlmeise-moechte-anonym-bleiben.jpg" alt="Kohlmeise - möchte anonym bleiben von Anke Diehnelt Fotografie" title="Kohlmeise - möchte anonym bleiben"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kohlmeise - möchte anonym bleiben</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> Mittwoch, 13:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Doppelter-Maeusebussard-b69de3ea52db808e9815fe747e22bd1d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kiwP0HHwRfQepoylek7P7xT1wko/gallery/Doppelter-Maeusebussard.jpg" alt="Doppelter Mäusebussard von Anke Diehnelt Fotografie" title="Doppelter Mäusebussard"> </a> <figcaption class="detail_list"> <ul> <li class="title">Doppelter Mäusebussard</li> <li class="user"> von <a href="/foto/galerie/benutzer/1689464/fotos/">Anke Diehnelt Fotografie</a> </li> <li class="upload_date"> Mittwoch, 13:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/endlicher-Winter-f4e91bd9bc901822872e550c7e63cb1d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/a9yPRUUTSMhk8uJiD1p4JpWWy28/gallery/endlicher-Winter.jpg" alt="endlicher Winter? von baumfrosch" title="endlicher Winter?"> </a> <figcaption class="detail_list"> <ul> <li class="title">endlicher Winter?</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> Mittwoch, 13:01 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Mein-Freund-der-Baum-ist-tot-4225bee8f98289677298eca6254edfda"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/p2UiQdkDBi3jTHnuKrsrC8y4xmI/gallery/Mein-Freund-der-Baum-ist-tot.jpg" alt="Mein Freund der Baum ist tot..... von Gast (75d8c32e)" title="Mein Freund der Baum ist tot....."> </a> <figcaption class="detail_list"> <ul> <li class="title">Mein Freund der Baum ist tot.....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1794273/fotos/">Gast (75d8c32e)</a> </li> <li class="upload_date"> Mittwoch, 11:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Vorgeschmack-7e9d368c15cdc828968f9bcf60e23e1e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sspUVti0GoqFFqEVknx0KZhIr3I/gallery/Vorgeschmack.jpg" alt="Vorgeschmack von metapix" title="Vorgeschmack"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vorgeschmack</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> Mittwoch, 10:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Vier-gewinnt-9d40457ab61c50aca041c50af0e67d4f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ME4fPPaN7oqOumoyFhl4NDUOXGI/gallery/Vier-gewinnt.jpg" alt="Vier gewinnt von analoochjehtooch" title="Vier gewinnt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vier gewinnt</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> Mittwoch, 07:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Akt-aus-dem-Sack-V-626ae4f3706acdc58e9f1dd1c5ce4a32"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7VdCSFpHvdyX88rxz3nhn9zQzu4/gallery/Akt-aus-dem-Sack-V.jpg" alt="Akt aus dem Sack (V) von Ivan im Abstrakten" title="Akt aus dem Sack (V)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Akt aus dem Sack (V)</li> <li class="user"> von <a href="/foto/galerie/benutzer/1386266/fotos/">Ivan im Abstrakten</a> </li> <li class="upload_date"> Mittwoch, 06:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zweitnutzung-einer-Badewanne-a65bcc0bd87936084cec4477f1643d9f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/alGNh2UctXXpcfXVEPaxSWYTpuI/gallery/Zweitnutzung-einer-Badewanne.jpg" alt="Zweitnutzung einer Badewanne von bS_mr" title="Zweitnutzung einer Badewanne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zweitnutzung einer Badewanne</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> Mittwoch, 06:42 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Buergerpark-Bremen-9e795e177098e1dfc0344865637cfd04"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/mSSk9iu6Q231dnFYPaAIbbrlxD8/gallery/Buergerpark-Bremen.jpg" alt="Bürgerpark-Bremen von Otto Hitzegrad" title="Bürgerpark-Bremen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bürgerpark-Bremen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> Mittwoch, 06:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Cathedrals-of-Foxglove-8e56a964406ffeccecff1a113b72b19a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ifNAdbsrFk8gh1eqOHq1bBu4zok/gallery/Cathedrals-of-Foxglove.png" alt="Cathedrals of Foxglove von ShE 1981" title="Cathedrals of Foxglove"> </a> <figcaption class="detail_list"> <ul> <li class="title">Cathedrals of Foxglove</li> <li class="user"> von <a href="/foto/galerie/benutzer/1700898/fotos/">ShE 1981</a> </li> <li class="upload_date"> Mittwoch, 04:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/The-dark-side-of-the-moon-b53e5e28392d3c5bb70da88ef3921719"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vU02U5s6ks2bEL1IbLKiy9BTOAQ/gallery/The-dark-side-of-the-moon.jpg" alt="The dark side of the moon von Banshee66" title="The dark side of the moon"> </a> <figcaption class="detail_list"> <ul> <li class="title">The dark side of the moon</li> <li class="user"> von <a href="/foto/galerie/benutzer/503503/fotos/">Banshee66</a> </li> <li class="upload_date"> Mittwoch, 00:13 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Puuh-immer-muss-man-sich-an-den-Grossen-vorbei-druecken-c9f4dbc63904019600ad7bd72d9ab396"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/g0oTXuxL5iCI9eilyJy245tDhwQ/gallery/Puuh-immer-muss-man-sich-an-den-Grossen-vorbei-druecken.jpg" alt="Puuh, immer muss man sich an den Großen vorbei drücken... von Banshee66" title="Puuh, immer muss man sich an den Großen vorbei drücken..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Puuh, immer muss man sich an den Großen vorbei drücken...</li> <li class="user"> von <a href="/foto/galerie/benutzer/503503/fotos/">Banshee66</a> </li> <li class="upload_date"> Mittwoch, 00:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fahrstuhl-zum-Schafott-95a5ad89800d85b0fcb4f8a99eebcd44"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/noXVJorIiuBjNPMfpql72uQ2mRM/gallery/Fahrstuhl-zum-Schafott.jpg" alt="Fahrstuhl zum Schafott von der Onkel Werner" title="Fahrstuhl zum Schafott"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fahrstuhl zum Schafott</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> Dienstag, 21:06 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Flieg-Moewe-flieg-57b984def81cf246382155d6bd4e7e6b"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/UJdDkjFx9YrTypiibL6HZRG8Ci4/gallery/Flieg-Moewe-flieg.jpg" alt="Flieg, Möwe flieg! von Franz Buchegger" title="Flieg, Möwe flieg!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Flieg, Möwe flieg!</li> <li class="user"> von <a href="/foto/galerie/benutzer/1419010/fotos/">Franz Buchegger</a> </li> <li class="upload_date"> Dienstag, 18:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Clockwork-Orange-fd74929a26d6375a8ef64d7cf435a8f9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aUKHzWi2ayBFy21R8rJk1nWki1w/gallery/Clockwork-Orange.jpg" alt="Clockwork Orange von der Onkel Werner" title="Clockwork Orange"> </a> <figcaption class="detail_list"> <ul> <li class="title">Clockwork Orange</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009414/fotos/">der Onkel Werner</a> </li> <li class="upload_date"> Dienstag, 18:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Warten-auf-den-Fruehling-f570cad487863970dfeec55ab4f639e9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DwIZAJNMklTHySgdU79uTfeY7zc/gallery/Warten-auf-den-Fruehling.jpg" alt="Warten auf den Frühling von Anni Offermanns" title="Warten auf den Frühling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Warten auf den Frühling</li> <li class="user"> von <a href="/foto/galerie/benutzer/1396512/fotos/">Anni Offermanns</a> </li> <li class="upload_date"> Dienstag, 17:49 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/?offset=4" class="page_back">Zurück</a></li> <li class="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> <li class="page"><a href="/foto/galerie/?offset=4">4</a></li> <li class="current_page"><a href="/foto/galerie/?offset=5">5</a></li> <li class="page"><a href="/foto/galerie/?offset=6">6</a></li> <li class="page"><a href="/foto/galerie/?offset=7">7</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/?offset=48">48</a></li> <li><a href="/foto/galerie/?offset=6" class="page_more">Weiter</a></li> </ul> </div>