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/Michael-II-24bd7e3b4897a4fa050fbf2efbe27593"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lifb5Tnt279Eg8ufhUhDZMjg7ec/gallery/Michael-II.jpg" alt="Michael II von SK-BerlinPhoto" title="Michael II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Michael II</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 01.10.2016 13:09 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/BA-NSE-06474-01570aadd9c6d97e32ca0190a4c0daf6"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/zgovxZLhHNWdi6q2qSBva1Urn38/gallery/BA-NSE-06474.jpg" alt="BA.NSE 06474 von Samson 55" title="BA.NSE 06474"> </a> <figcaption class="detail_list"> <ul> <li class="title">BA.NSE 06474</li> <li class="user"> von <a href="/foto/galerie/benutzer/734225/fotos/">Samson 55</a> </li> <li class="upload_date"> 30.09.2016 22:28 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Michael-I-38394d7016a076d7f61c316e67f29a42"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5ZyWGbb0uA4FrVnCSKUTD0BW7pc/gallery/Michael-I.jpg" alt="Michael I von SK-BerlinPhoto" title="Michael I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Michael I</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 30.09.2016 15:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/White-Grufti-fcb3e4ff1316c9b1cd4a82db6e7cc3f5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jtsTcX9MiIvexOsUIGqljLZr4MQ/gallery/White-Grufti.jpg" alt="White Grufti von Reiner von der Schlei" title="White Grufti"> </a> <figcaption class="detail_list"> <ul> <li class="title">White Grufti</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> 29.09.2016 11:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Oliver-I-f9d322a0529cba61ffb1065ca23d2a5b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jO7u8H9uRr12MJGEhq5sBK9DHU4/gallery/Oliver-I.jpg" alt="Oliver I von SK-BerlinPhoto" title="Oliver I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Oliver I</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 26.09.2016 15:02 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Red-1b5e6edd4df12918f22cb8b51a38fbda"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/og5egOl2duiTiWcdgn1dREizG7Q/gallery/Red.jpg" alt="Red von Anna Kropf" title="Red"> </a> <figcaption class="detail_list"> <ul> <li class="title">Red</li> <li class="user"> von <a href="/foto/galerie/benutzer/582653/fotos/">Anna Kropf</a> </li> <li class="upload_date"> 25.09.2016 23:11 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Martin-0183df833ac50d9faa4ad38c01b5240c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/cyIZitJ0SNriRs6BBNXJLkyip8A/gallery/Martin.jpg" alt="Martin von Thomas Ruppel" title="Martin"> </a> <figcaption class="detail_list"> <ul> <li class="title">Martin</li> <li class="user"> von <a href="/foto/galerie/benutzer/442212/fotos/">Thomas Ruppel</a> </li> <li class="upload_date"> 25.09.2016 13:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ernst-IV-7bf229159aa81b9ba463809cb020eedf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/eaqY39kiOfUAyi66Xwi6zY1Os9g/gallery/Ernst-IV.jpg" alt="Ernst IV von SK-BerlinPhoto" title="Ernst IV"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ernst IV</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 23.09.2016 17:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Night-Shift-a947504ae936c765792b1a81d7f17590"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iA6mo31Wq8tumfii6W7nC3MA0Vg/gallery/Night-Shift.jpg" alt="Night Shift von Dirk Schoppmeier" title="Night Shift"> </a> <figcaption class="detail_list"> <ul> <li class="title">Night Shift</li> <li class="user"> von <a href="/foto/galerie/benutzer/730015/fotos/">Dirk Schoppmeier</a> </li> <li class="upload_date"> 23.09.2016 11:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ernst-III-74bdda6afa418d6c1f0d26a7dd1a3951"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Ivso8oN11QVovU63fjQH8zqOwuY/gallery/Ernst-III.jpg" alt="Ernst III von SK-BerlinPhoto" title="Ernst III"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ernst III</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 22.09.2016 19:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Andacht-616c6130722b1f612d4ac79df2d4750d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/oQEICZZm0nkO4e67cA0QVUAx64w/gallery/Andacht.jpg" alt="Andacht von Christian Traeger" title="Andacht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Andacht</li> <li class="user"> von <a href="/foto/galerie/benutzer/591557/fotos/">Christian Traeger</a> </li> <li class="upload_date"> 22.09.2016 08:19 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Ernst-II-33cc2d7225f648ef72a83ce86af65cfd"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/D1sw2i6TukNh90rWuyWPZpl3tyU/gallery/Ernst-II.jpg" alt="Ernst II von SK-BerlinPhoto" title="Ernst II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ernst II</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 21.09.2016 17:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ernst-I-290cea5424011235e43f7027e052d963"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YFQ96mOiyWd6S8oXxuDsRaTDwy8/gallery/Ernst-I.jpg" alt="Ernst I von SK-BerlinPhoto" title="Ernst I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ernst I</li> <li class="user"> von <a href="/foto/galerie/benutzer/751010/fotos/">SK-BerlinPhoto</a> </li> <li class="upload_date"> 17.09.2016 14:50 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Maenner-7/?offset=47" 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=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Maenner-7/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>