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/Rudi-04015-0eda8859261cd470dd28e6446ed3977e"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/OBXog8gW8Y3icUdii0HiX9Fgscc/gallery/Rudi-04015.jpg" alt="Rudi 04015 von Samson 55" title="Rudi 04015"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rudi 04015</li> <li class="user"> von <a href="/foto/galerie/benutzer/734225/fotos/">Samson 55</a> </li> <li class="upload_date"> 26.11.2017 22:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Portraet-1cb9444d038fef778c05d381aecf383a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/phpjUmBzbgRhVX6cjBJ2ZZR7GMQ/gallery/Portraet.jpg" alt="Porträt von Manfred Fessel" title="Porträt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Porträt</li> <li class="user"> von <a href="/foto/galerie/benutzer/784399/fotos/">Manfred Fessel</a> </li> <li class="upload_date"> 26.11.2017 15:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wieviel-ist-es-9a361c0ef5677ca714d67cb78935dbbd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/a7ziKCoUs1SRPwkRKi4JCi76pik/gallery/Wieviel-ist-es.jpg" alt="Wieviel ist es? von Manfred Fessel" title="Wieviel ist es?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wieviel ist es?</li> <li class="user"> von <a href="/foto/galerie/benutzer/784399/fotos/">Manfred Fessel</a> </li> <li class="upload_date"> 25.11.2017 12:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/10-2017-5555-01-21a3be2eeff3bc0a1a7ed9055b80daca"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/EQo2HIf0guYSSIIEPn43ncL8jYg/gallery/10-2017-5555-01.jpg" alt="10_2017_5555_01 von Dirk aus Leipzig" title="10_2017_5555_01"> </a> <figcaption class="detail_list"> <ul> <li class="title">10_2017_5555_01</li> <li class="user"> von <a href="/foto/galerie/benutzer/521697/fotos/">Dirk aus Leipzig</a> </li> <li class="upload_date"> 23.11.2017 10:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/322-365-Selfie4-65514591a2140df4c6e7c282bed580c4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7p7QUi5WpddumQzCCWcGfJP68AU/gallery/322-365-Selfie4.jpg" alt="322/365 - Selfie4 von micha0001a" title="322/365 - Selfie4"> </a> <figcaption class="detail_list"> <ul> <li class="title">322/365 - Selfie4</li> <li class="user"> von <a href="/foto/galerie/benutzer/764830/fotos/">micha0001a</a> </li> <li class="upload_date"> 21.11.2017 19:05 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/napoli-11-525f111fe4e636094186b4326514958c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/CFPJkXklzp0iOH9RST7KcVmiZIU/gallery/napoli-11.jpg" alt="napoli 11 von Herr Ärmel" title="napoli 11"> </a> <figcaption class="detail_list"> <ul> <li class="title">napoli 11</li> <li class="user"> von <a href="/foto/galerie/benutzer/584338/fotos/">Herr Ärmel</a> </li> <li class="upload_date"> 20.11.2017 16:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-erste-Besuch-c54a146e1a6f66da46de7553e5262ad4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/S2j1EnJmQKWH86hvyix3cHvYQ2M/gallery/Der-erste-Besuch.jpg" alt="Der erste Besuch von forue" title="Der erste Besuch"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der erste Besuch</li> <li class="user"> von <a href="/foto/galerie/benutzer/554591/fotos/">forue</a> </li> <li class="upload_date"> 17.11.2017 19:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fishermans-Return-f1f3648012da9f7076f2a92120ed7eae"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7RXiOOCl28kZJFbL95QZIn0uit4/gallery/Fishermans-Return.jpg" alt="Fishermans Return von Dr. Snuggles" title="Fishermans Return"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fishermans Return</li> <li class="user"> von <a href="/foto/galerie/benutzer/126122/fotos/">Dr. Snuggles</a> </li> <li class="upload_date"> 16.11.2017 09:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Nicole-28bb2e292bac0818f561a1e966eeaf55"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/NbzTllKBh4uL4jGyneyoexiaHrc/gallery/Nicole.jpg" alt="Nicole von Lensmoment" title="Nicole"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nicole</li> <li class="user"> von <a href="/foto/galerie/benutzer/546554/fotos/">Lensmoment</a> </li> <li class="upload_date"> 14.11.2017 21:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Nebenjob-927b29844fda2466f3216c52d09358f7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ihnAP74AqXTiLg3lKFyXPMIc0v8/gallery/Nebenjob.jpg" alt="Nebenjob von Christian_Schulz" title="Nebenjob"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nebenjob</li> <li class="user"> von <a href="/foto/galerie/benutzer/593275/fotos/">Christian_Schulz</a> </li> <li class="upload_date"> 13.11.2017 10:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Spaziergang-fdad8c0b5580f61c5000d7d2630396da"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/W5PBiGhCA63mY5xfWXztfoq3lO0/gallery/Spaziergang.jpg" alt="Spaziergang von Phone" title="Spaziergang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spaziergang</li> <li class="user"> von <a href="/foto/galerie/benutzer/497688/fotos/">Phone</a> </li> <li class="upload_date"> 10.11.2017 12:20 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/311-365-Be-quiet-475b23e964fe2de0db1115e22a6ca8bd"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/HfE6mcDiigbrl3ip9yU9WRZ7bxk/gallery/311-365-Be-quiet.jpg" alt="311/365 - Be quiet von micha0001a" title="311/365 - Be quiet"> </a> <figcaption class="detail_list"> <ul> <li class="title">311/365 - Be quiet</li> <li class="user"> von <a href="/foto/galerie/benutzer/764830/fotos/">micha0001a</a> </li> <li class="upload_date"> 07.11.2017 19:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/309-365-Nachdenklicher-Ritter-fed4d577999941c714b680d549cff964"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AwUfZhYiq5Rc3iFMa1dxEJwdN0g/gallery/309-365-Nachdenklicher-Ritter.jpg" alt="309/365 - Nachdenklicher Ritter von micha0001a" title="309/365 - Nachdenklicher Ritter"> </a> <figcaption class="detail_list"> <ul> <li class="title">309/365 - Nachdenklicher Ritter</li> <li class="user"> von <a href="/foto/galerie/benutzer/764830/fotos/">micha0001a</a> </li> <li class="upload_date"> 05.11.2017 20:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Old-Man-08b87b1b887544b6bafa790b7e06a20e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/geEiKP9tyRvlm9RHzQv9bE1LvK4/gallery/Old-Man.jpg" alt="Old Man von saimen88" title="Old Man"> </a> <figcaption class="detail_list"> <ul> <li class="title">Old Man</li> <li class="user"> von <a href="/foto/galerie/benutzer/822458/fotos/">saimen88</a> </li> <li class="upload_date"> 05.11.2017 19:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/308-365-Antiker-Tablet-Benutzer-59f21e833beb0599130dd77df48a1322"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/W5lED1lbgcbLb386ffflrmsodi8/gallery/308-365-Antiker-Tablet-Benutzer.jpg" alt="308/365 - Antiker Tablet-Benutzer von micha0001a" title="308/365 - Antiker Tablet-Benutzer"> </a> <figcaption class="detail_list"> <ul> <li class="title">308/365 - Antiker Tablet-Benutzer</li> <li class="user"> von <a href="/foto/galerie/benutzer/764830/fotos/">micha0001a</a> </li> <li class="upload_date"> 05.11.2017 17:04 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Coiffeur-49d7ad63a42622fe0783d2d21468a1cd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ieyThi0nAEU461KIjc8poQRWkx0/gallery/Coiffeur.jpg" alt="Coiffeur von Pixelwerker" title="Coiffeur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Coiffeur</li> <li class="user"> von <a href="/foto/galerie/benutzer/709932/fotos/">Pixelwerker</a> </li> <li class="upload_date"> 05.11.2017 12:06 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Last-Man-Standing-c3a5ba6291d9bbdbebc115edeea52d67"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/TBjdau8dMeqRct1GkfcJEyKprvU/gallery/Last-Man-Standing.jpg" alt="Last Man Standing von Stephan Gläser" title="Last Man Standing"> </a> <figcaption class="detail_list"> <ul> <li class="title">Last Man Standing</li> <li class="user"> von <a href="/foto/galerie/benutzer/805106/fotos/">Stephan Gläser</a> </li> <li class="upload_date"> 02.11.2017 19:05 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Dream-your-dreams-2895a80383c03093d72f6c96a223000c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/q1SgBCe0UpZ3SZNZV4LshwIWqY4/gallery/Dream-your-dreams.jpg" alt="Dream your dreams! von Radonart" title="Dream your dreams!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Dream your dreams!</li> <li class="user"> von <a href="/foto/galerie/benutzer/539206/fotos/">Radonart</a> </li> <li class="upload_date"> 02.11.2017 12:13 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hundefutter-online-bestellen-63609bb9aaf752d1ecf7f69661324503"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/g3cI9Siob8MzjuLpmELjGIh9e5g/gallery/Hundefutter-online-bestellen.jpg" alt="Hundefutter online bestellen von Georgie_Pauwels" title="Hundefutter online bestellen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hundefutter online bestellen</li> <li class="user"> von <a href="/foto/galerie/benutzer/706425/fotos/">Georgie_Pauwels</a> </li> <li class="upload_date"> 30.10.2017 17:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Spontan-b07f3316ba4f879f0a6ee8065670f0fe"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/KB9F8k7HpMJfjyi4jKvnSz6UzGU/gallery/Spontan.jpg" alt="Spontan........ von Pen3.de" title="Spontan........"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spontan........</li> <li class="user"> von <a href="/foto/galerie/benutzer/608040/fotos/">Pen3.de</a> </li> <li class="upload_date"> 30.10.2017 08:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Offen-9710d8e3970b772d604e2b586c8e793b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aLeONXqTbDYbAA9o8drYRQp8pyM/gallery/Offen.jpg" alt="Offen....... von Pen3.de" title="Offen......."> </a> <figcaption class="detail_list"> <ul> <li class="title">Offen.......</li> <li class="user"> von <a href="/foto/galerie/benutzer/608040/fotos/">Pen3.de</a> </li> <li class="upload_date"> 26.10.2017 14:52 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Maenner-7/?offset=37" 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=36">36</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=37">37</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=38">38</a></li> <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> <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=39" class="page_more">Weiter</a></li> </ul> </div>