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> <h1 class="detail_bild_headline">Menschen</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=5">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=5" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=5">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=5">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=5">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=5">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/Fluechtling-d20de21b305e54ad770471e18bd7e41e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rhvKG0ULgyAsimcUX9lA9bYrjEU/gallery/Fluechtling.jpg" alt="Flüchtling von Klicker3D" title="Flüchtling"> </a> <figcaption class="detail_list"> <ul> <li class="title">Flüchtling</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> 15.02.2025 17:57 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schnecken-e12f61947e1a7366a4f984e8cff544b3"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/wCdboZfCpXmm2qZdVOlC4cqsFAw/gallery/Schnecken.jpg" alt="Schnecken von Klicker3D" title="Schnecken"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schnecken</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> 11.02.2025 12:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/verloren-a50cbdc7abac7d28d47c3502785cc799"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PCwlx4TdvTJJm3ox1zGpfXfrkxs/gallery/verloren.jpg" alt="verloren von dg9ncc" title="verloren"> </a> <figcaption class="detail_list"> <ul> <li class="title">verloren</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> 10.02.2025 12:43 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-Wintertag-am-Fluss-81fd56227a04b70f9fff1e10cdbdd8fc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/niSsiexhzY8HDZ4UYTmqtGibM9U/gallery/Der-Wintertag-am-Fluss.jpg" alt="Der Wintertag am Fluß von Wolfgang Görgen" title="Der Wintertag am Fluß"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Wintertag am Fluß</li> <li class="user"> von <a href="/foto/galerie/benutzer/1065304/fotos/">Wolfgang Görgen</a> </li> <li class="upload_date"> 10.02.2025 08:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Who-the-fuck-is-Dieter-89bc7b5b481a799dd0ba57372770d8ab"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YnFgOyFdmQUSUz7v8unXhtiPcVA/gallery/Who-the-fuck-is-Dieter.jpg" alt="Who the fuck is Dieter? von Katja Gehrung" title="Who the fuck is Dieter?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Who the fuck is Dieter?</li> <li class="user"> von <a href="/foto/galerie/benutzer/545879/fotos/">Katja Gehrung</a> </li> <li class="upload_date"> 08.02.2025 23:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Beton-Walking-6429492757c45dcb26e22f28643463d1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/a2qlgFPpp5UAcVzSYkRKbOVojiw/gallery/Beton-Walking.jpg" alt="Beton-Walking von nctec" title="Beton-Walking"> </a> <figcaption class="detail_list"> <ul> <li class="title">Beton-Walking</li> <li class="user"> von <a href="/foto/galerie/benutzer/734931/fotos/">nctec</a> </li> <li class="upload_date"> 07.02.2025 13:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Duisburg-74ff830c98886a403e4ed14fc011670b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ickQY0u3wMYc3o0xe9j25G9EQnQ/gallery/Duisburg.jpg" alt="Duisburg von Gernot Schwarz" title="Duisburg"> </a> <figcaption class="detail_list"> <ul> <li class="title">Duisburg</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> 06.02.2025 17:39 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/ziemlich-gut-behuetet-229c66e8099b8d7a5d83539ad8443a45"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/Q05cJDXeGztRV9rtsagcAvyCNBc/gallery/ziemlich-gut-behuetet.jpg" alt="ziemlich gut behütet... von claus-labenz" title="ziemlich gut behütet..."> </a> <figcaption class="detail_list"> <ul> <li class="title">ziemlich gut behütet...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 06.02.2025 14:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/What-the-hell-is-533e13d47064d106182ca0d03e6d2644"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/XaoHjCR80V6VfdunQHMmmK0Iqdk/gallery/What-the-hell-is.jpg" alt="What the hell is ...? von Katja Gehrung" title="What the hell is ...?"> </a> <figcaption class="detail_list"> <ul> <li class="title">What the hell is ...?</li> <li class="user"> von <a href="/foto/galerie/benutzer/545879/fotos/">Katja Gehrung</a> </li> <li class="upload_date"> 06.02.2025 13:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Raumgleiter-16b6433fc779e546069e29a8be0eb6f7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7UZGMS30LNahpTvnDp6QBxVixF0/gallery/Raumgleiter.jpg" alt="Raumgleiter von Klicker3D" title="Raumgleiter"> </a> <figcaption class="detail_list"> <ul> <li class="title">Raumgleiter</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> 05.02.2025 14:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lebenselixier-Sonne-b8478583050621cb639cf94083113e51"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qiAYJgZXxWMz6imG0jN6jn7jJeA/gallery/Lebenselixier-Sonne.jpg" alt="Lebenselixier Sonne von Otto Hitzegrad" title="Lebenselixier Sonne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lebenselixier Sonne</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 04.02.2025 05:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Vorstadtbahnhof-5ce87ca2389625a003f8a2dc76f8f564"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vx5OcWUHzHjp14QzTYO0UA9LGLM/gallery/Vorstadtbahnhof.jpg" alt="Vorstadtbahnhof von Gernot Schwarz" title="Vorstadtbahnhof"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vorstadtbahnhof</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> 03.02.2025 12:52 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Vorstadtbahnhof-dd51a767f06c8a1b601e757345a178cf"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/hXPBBuznxKdrSiwzksKmTb606Xc/gallery/Vorstadtbahnhof.jpg" alt="Vorstadtbahnhof von Gernot Schwarz" title="Vorstadtbahnhof"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vorstadtbahnhof</li> <li class="user"> von <a href="/foto/galerie/benutzer/761813/fotos/">Gernot Schwarz</a> </li> <li class="upload_date"> 03.02.2025 12:48 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Menschen-5/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Menschen-5/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Menschen-5/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Menschen-5/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Menschen-5/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>