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 col1"> <figure> <a href="/foto/galerie/foto/Chris-d0f7b6bbbe5611635774f3c89a8a04cd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/D5w5IgqW2XuBZfDiuMqiYGyZ6zQ/gallery/Chris.jpg" alt="Chris von Klaus Faltin" title="Chris"> </a> <figcaption class="detail_list"> <ul> <li class="title">Chris</li> <li class="user"> von <a href="/foto/galerie/benutzer/804545/fotos/">Klaus Faltin</a> </li> <li class="upload_date"> 16.07.2017 17:44 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Blut-ab39e2fbb78bc0460c4fa6fef83b3dec"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/zCsNIsnQvdfhM57iiVON3eHzAuM/gallery/Blut.jpg" alt="Blut von Zuzey" title="Blut"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blut</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 11.07.2017 15:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hinterbaenkler-8f58deccda7133bcd551fc525664347c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/XD4p8ciM1M2JJqoU8itxSmQzxx8/gallery/Hinterbaenkler.jpg" alt="Hinterbänkler von Zuzey" title="Hinterbänkler"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hinterbänkler</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 10.07.2017 15:37 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Modern-Days-aa1160d415100c89d1b2e0e797b0f472"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mWvH3QlEXjctzwxhq9qgMo9hQJ0/gallery/Modern-Days.jpg" alt="Modern Days von Zuzey" title="Modern Days"> </a> <figcaption class="detail_list"> <ul> <li class="title">Modern Days</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 10.07.2017 15:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Eddie-Argos-ba3c012fb9de2c57dade630db20616ea"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LGGUthlOgr4GI53Zk8Peai8bgig/gallery/Eddie-Argos.jpg" alt="Eddie Argos von Zuzey" title="Eddie Argos"> </a> <figcaption class="detail_list"> <ul> <li class="title">Eddie Argos</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 10.07.2017 15:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bar-58eecc1ac58ee1370d2047d28cc182d3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IqOSUXdL7wH1kEOi1ve0JPtOLZI/gallery/Bar.jpg" alt="Bar von Zuzey" title="Bar"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bar</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 10.07.2017 15:20 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Kamera-anlegen-Zielen-Feuer-e85d53a9eae51c71d440a99043170506"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/KxMNg1ViGN6DGa8oYOBi4CRG19w/gallery/Kamera-anlegen-Zielen-Feuer.jpg" alt="Kamera anlegen! Zielen! Feuer! von Neofelis" title="Kamera anlegen! Zielen! Feuer!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kamera anlegen! Zielen! Feuer!</li> <li class="user"> von <a href="/foto/galerie/benutzer/666267/fotos/">Neofelis</a> </li> <li class="upload_date"> 09.07.2017 18:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wiebittehae-a0042dce16d6d0c7ae5139dc6422293c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AEiNuT63tP4Ar4xU73zEhTwN1xY/gallery/Wiebittehae.jpg" alt="Wiebittehä? von Zuzey" title="Wiebittehä?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wiebittehä?</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 05.07.2017 09:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Juergen-Ploog-II-627a40c0d10d27f6156dbdd70462f72e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AeViR20n0EfJicgrGv4UI32gHfU/gallery/Juergen-Ploog-II.jpg" alt="Jürgen Ploog II von Zuzey" title="Jürgen Ploog II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Jürgen Ploog II</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 05.07.2017 09:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mr-Saxophone-077f0cd9f6323debc6793772c98419ce"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PGPwmhBoVCR9sxNmtXZlFQJZiyU/gallery/Mr-Saxophone.jpg" alt="Mr. Saxophone von tlufotos" title="Mr. Saxophone"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mr. Saxophone</li> <li class="user"> von <a href="/foto/galerie/benutzer/744905/fotos/">tlufotos</a> </li> <li class="upload_date"> 04.07.2017 15:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Roman-e16df658ab63d367e0912494cfda5581"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/i9bAUgbvgWmd9rvJjy8WKJAsjIo/gallery/Roman.jpg" alt="Roman von Zuzey" title="Roman"> </a> <figcaption class="detail_list"> <ul> <li class="title">Roman</li> <li class="user"> von <a href="/foto/galerie/benutzer/579928/fotos/">Zuzey</a> </li> <li class="upload_date"> 04.07.2017 10:31 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Arme-reiche-Stadt-Koeln-7143c715a7a9cb0c33e5520bcd5a5049"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/vJLmtcJOEUWiE3Cq5pyW7EVSkmU/gallery/Arme-reiche-Stadt-Koeln.jpg" alt="Arme reiche Stadt Köln von PhilGabriel" title="Arme reiche Stadt Köln"> </a> <figcaption class="detail_list"> <ul> <li class="title">Arme reiche Stadt Köln</li> <li class="user"> von <a href="/foto/galerie/benutzer/782017/fotos/">PhilGabriel</a> </li> <li class="upload_date"> 04.07.2017 09:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gary-a085c2863f83d27f4aa910f0facd7231"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/NQz2N6hqgOTI0XuydjS4hsDTlQA/gallery/Gary.jpg" alt="Gary von PhilGabriel" title="Gary"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gary</li> <li class="user"> von <a href="/foto/galerie/benutzer/782017/fotos/">PhilGabriel</a> </li> <li class="upload_date"> 02.07.2017 12:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Rudi-00772-b03c905fb41c50c103301da0f9ba9514"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/suyDOdY2YbDR5EGcM5Ip0u4Te1U/gallery/Rudi-00772.jpg" alt="Rudi 00772 von Samson 55" title="Rudi 00772"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rudi 00772</li> <li class="user"> von <a href="/foto/galerie/benutzer/734225/fotos/">Samson 55</a> </li> <li class="upload_date"> 30.06.2017 11:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Wuerfel-sind-gefallen-4297bc9eb82a8438f05a71853c733df8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9AVN8XNRRNDbnrYjU87g1cYcZ9w/gallery/Die-Wuerfel-sind-gefallen.jpg" alt="Die Würfel sind gefallen von fossy304" title="Die Würfel sind gefallen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Würfel sind gefallen</li> <li class="user"> von <a href="/foto/galerie/benutzer/459508/fotos/">fossy304</a> </li> <li class="upload_date"> 30.06.2017 09:20 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tischlerwerkstatt-aebcd70875b16175b46bd2fe8eb06c3a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/w3RhwC2ihsTGrCHORKMjxkebaaM/gallery/Tischlerwerkstatt.jpg" alt="Tischlerwerkstatt von Christian Traeger" title="Tischlerwerkstatt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tischlerwerkstatt</li> <li class="user"> von <a href="/foto/galerie/benutzer/591557/fotos/">Christian Traeger</a> </li> <li class="upload_date"> 29.06.2017 09:25 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/hard-working-man-68298bbfc150648384ba87616d8afd94"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/mYvaUU4dWf2tuEvdqMvoyd5v51A/gallery/hard-working-man.jpg" alt="hard working man von kahekl" title="hard working man"> </a> <figcaption class="detail_list"> <ul> <li class="title">hard working man</li> <li class="user"> von <a href="/foto/galerie/benutzer/764106/fotos/">kahekl</a> </li> <li class="upload_date"> 27.06.2017 19:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/IM-GARTEN-cfd5902a9776681730ea70056250e7b5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/EyxkuZXSX3ztgUyv3i3cyLzLnzE/gallery/IM-GARTEN.jpg" alt="IM GARTEN von Aliens.Cracker" title="IM GARTEN"> </a> <figcaption class="detail_list"> <ul> <li class="title">IM GARTEN</li> <li class="user"> von <a href="/foto/galerie/benutzer/566373/fotos/">Aliens.Cracker</a> </li> <li class="upload_date"> 24.06.2017 15:04 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Roadtrip-b98cb41c3834ea7ed74f6d0050498827"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LsUociIDnZYWdVtt6fz4b7niXaE/gallery/Roadtrip.jpg" alt="Roadtrip von fossy304" title="Roadtrip"> </a> <figcaption class="detail_list"> <ul> <li class="title">Roadtrip</li> <li class="user"> von <a href="/foto/galerie/benutzer/459508/fotos/">fossy304</a> </li> <li class="upload_date"> 21.06.2017 09:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fritz-Boehme-2560f38410a14850b73112bff343d808"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JCkls4hbOhevvh2uR3YBPS7hKv0/gallery/Fritz-Boehme.jpg" alt="Fritz Böhme von PhilGabriel" title="Fritz Böhme"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fritz Böhme</li> <li class="user"> von <a href="/foto/galerie/benutzer/782017/fotos/">PhilGabriel</a> </li> <li class="upload_date"> 20.06.2017 09:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Osterfeuer-cd5b8c0426c7c512998e0d3bc3fbaa62"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CYaD3inLXNBZ6W31yVDzl9nBGKs/gallery/Osterfeuer.jpg" alt="Osterfeuer von Hubert Brenner" title="Osterfeuer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Osterfeuer</li> <li class="user"> von <a href="/foto/galerie/benutzer/576030/fotos/">Hubert Brenner</a> </li> <li class="upload_date"> 19.06.2017 23:43 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Maenner-7/?offset=40" 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=39">39</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=40">40</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=41">41</a></li> <li class="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> <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=42" class="page_more">Weiter</a></li> </ul> </div>