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">Männer</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=7">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=7" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=7">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=7">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=7">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=7">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/Zeitgeist-189eedc0df04c2a227f3d93f0b2192fd"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/59PNQKThIRZSAukHFj1CWxvTjas/gallery/Zeitgeist.jpg" alt="Zeitgeist von Christian_Schulz" title="Zeitgeist"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zeitgeist</li> <li class="user"> von <a href="/foto/galerie/benutzer/593275/fotos/">Christian_Schulz</a> </li> <li class="upload_date"> 17.06.2017 09:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bad-Boy-8fb739d0c07640a11a65a9d51bb99dfc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/diBiCZgvHrXX5SXn2U2nCRnH8zk/gallery/Bad-Boy.jpg" alt="Bad Boy von " title="Bad Boy"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bad Boy</li> <li class="user"> von <a href="/foto/galerie/benutzer/730015/fotos/"> </a> </li> <li class="upload_date"> 16.06.2017 10:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bon-voyage-efe3ebb416d3dbe4b7f85808b3652afb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/3MAXkGyh2HajepWpnqQ3auC9FvM/gallery/Bon-voyage.jpg" alt="Bon voyage von dieci" title="Bon voyage"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bon voyage</li> <li class="user"> von <a href="/foto/galerie/benutzer/580317/fotos/">dieci</a> </li> <li class="upload_date"> 11.06.2017 00:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wait-ad90d02ee783753cef975d48c06217a0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/doPjafWVyON7TvnA4XEghTQYqD4/gallery/Wait.jpg" alt="Wait von dieci" title="Wait"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wait</li> <li class="user"> von <a href="/foto/galerie/benutzer/580317/fotos/">dieci</a> </li> <li class="upload_date"> 11.06.2017 00:30 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Lederrock-Wadenlang-cee908def70d1e07cd326a4cd7e5f0ba"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wJ9wiOnfH27KtBqA4lWJiDaKaJE/gallery/Im-Lederrock-Wadenlang.jpg" alt="Im Lederrock Wadenlang von Heimi78" title="Im Lederrock Wadenlang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Lederrock Wadenlang</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Lederrock-Wadenlang-655b431550802bc8220e924336e4ea03"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IRDnri27hJ6R9uO77BWe5NybPu8/gallery/Im-Lederrock-Wadenlang.jpg" alt="Im Lederrock Wadenlang von Heimi78" title="Im Lederrock Wadenlang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Lederrock Wadenlang</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Lederrock-Wadenlang-96284e65ca3e0614c85cfc64f8cc3439"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xkFZyHyitx165MqQOjCf3tR32Mg/gallery/Im-Lederrock-Wadenlang.jpg" alt="Im Lederrock Wadenlang von Heimi78" title="Im Lederrock Wadenlang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Lederrock Wadenlang</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Minirock-ca3a09e66820a57acf2c417268db61e7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HxJ2F09wHMwEBX3iWHJOtaPmDBA/gallery/Minirock.jpg" alt="Minirock von Heimi78" title="Minirock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Minirock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Minirock-3a9eab927dd142fed5eb689e512e51c5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0g7B8U67pL5RN771x9STskMNk6M/gallery/Minirock.jpg" alt="Minirock von Heimi78" title="Minirock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Minirock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kilt-f32e7022af9f11af44f1c4658291a3a3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/He8mShKTe00hh21zi6z89qQGnuQ/gallery/Kilt.jpg" alt="Kilt von Heimi78" title="Kilt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kilt</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Minirock-d0fafa4ba84d4c4291164493db168356"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kFtwHsz8K0HKnrnjPp2PaBHiLyw/gallery/Minirock.jpg" alt="Minirock von Heimi78" title="Minirock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Minirock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 09.06.2017 11:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/der-Schwerkraft-scheinbar-trotzend-c1e81f4266d3b655ceebf87b7551722b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ZXXt5kirglqju9XX89pREta3NAw/gallery/der-Schwerkraft-scheinbar-trotzend.jpg" alt="der Schwerkraft(scheinbar) trotzend von erobur" title="der Schwerkraft(scheinbar) trotzend"> </a> <figcaption class="detail_list"> <ul> <li class="title">der Schwerkraft(scheinbar) trotzend</li> <li class="user"> von <a href="/foto/galerie/benutzer/536037/fotos/">erobur</a> </li> <li class="upload_date"> 08.06.2017 18:05 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Engel-vs-Teufel-6e9af3616be527247be5d0a1ba9cece8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/uQ8niMGgTgrll3E9Vfw9wT18puo/gallery/Engel-vs-Teufel.jpg" alt="Engel vs Teufel von Ven0m" title="Engel vs Teufel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Engel vs Teufel</li> <li class="user"> von <a href="/foto/galerie/benutzer/753751/fotos/">Ven0m</a> </li> <li class="upload_date"> 06.06.2017 11:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Musician-ec480675768ef7624df99a8b6cd97c05"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IZSyPzRrl6BiHAUR9RtdiiAKdyc/gallery/Musician.jpg" alt="Musician von cybertom22" title="Musician"> </a> <figcaption class="detail_list"> <ul> <li class="title">Musician</li> <li class="user"> von <a href="/foto/galerie/benutzer/740492/fotos/">cybertom22</a> </li> <li class="upload_date"> 06.06.2017 10:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/O-Sole-Mio-cc0bbb62ad5d4400e9c086ab2ff3ac29"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/oxJBfFXpV3cQEHa8bK5Gc2rd8gQ/gallery/O-Sole-Mio.jpg" alt="O Sole Mio... von Christian Traeger" title="O Sole Mio..."> </a> <figcaption class="detail_list"> <ul> <li class="title">O Sole Mio...</li> <li class="user"> von <a href="/foto/galerie/benutzer/591557/fotos/">Christian Traeger</a> </li> <li class="upload_date"> 05.06.2017 14:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/momentchen-7c973f0ed67df3768cb2aeff57375f9e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/57TkW4AVonvvx5MnRfnryKWGiic/gallery/momentchen.jpg" alt="momentchen... von LeoMinor" title="momentchen..."> </a> <figcaption class="detail_list"> <ul> <li class="title">momentchen...</li> <li class="user"> von <a href="/foto/galerie/benutzer/728173/fotos/">LeoMinor</a> </li> <li class="upload_date"> 05.06.2017 11:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mann-im-Rock-60ab2ab680ae833545481ec6c18845a7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/laxf56rBldGa4ssvau8sK6WmIyA/gallery/Mann-im-Rock.jpg" alt="Mann im Rock von Heimi78" title="Mann im Rock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mann im Rock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 04.06.2017 01:12 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Mann-im-Rock-8031e5b01b22f21aa189e93ef7febfc1"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/b20oU5jvxldkrF6URoAHlQvMjxo/gallery/Mann-im-Rock.jpg" alt="Mann im Rock von Heimi78" title="Mann im Rock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mann im Rock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 04.06.2017 00:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mann-im-Rock-79a5aa4703b53b0b3899225930fb3daa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/74NnUDHtqYdflBqHqaDgYRsBnp0/gallery/Mann-im-Rock.jpg" alt="Mann im Rock von Heimi78" title="Mann im Rock"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mann im Rock</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 04.06.2017 00:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Darf-Mann-das-5cf35c7d9e495afe7601b92af7e16181"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DxvuK4rOqIyC8jTT0itFtWVlOBU/gallery/Darf-Mann-das.jpg" alt="Darf Mann das? von Heimi78" title="Darf Mann das?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Darf Mann das?</li> <li class="user"> von <a href="/foto/galerie/benutzer/799290/fotos/">Heimi78</a> </li> <li class="upload_date"> 04.06.2017 00:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pik-As-fe6ccad0d6db4fa8e2d4835ffce67c98"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tDprX1g8jT2oH7ZP084S5FjnrSk/gallery/Pik-As.jpg" alt="Pik As von fossy304" title="Pik As"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pik As</li> <li class="user"> von <a href="/foto/galerie/benutzer/459508/fotos/">fossy304</a> </li> <li class="upload_date"> 31.05.2017 08:52 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Maenner-7/?offset=41" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=40">40</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=41">41</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=42">42</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=43">43</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=44">44</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=48">48</a></li> <li><a href="/foto/galerie/rubrik/Maenner-7/?offset=43" class="page_more">Weiter</a></li> </ul> </div>