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">Events</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=48">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=48" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=48">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=48">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=48">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=48">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/Apassionata-goes-Starwars-293cae662fb19f2b2b3408972eb00f0d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/i4iQ3iKFFQas6uhSlX4jze0kvIY/gallery/Apassionata-goes-Starwars.jpg" alt="Apassionata goes Starwars von WOISGRADNET " title="Apassionata goes Starwars"> </a> <figcaption class="detail_list"> <ul> <li class="title">Apassionata goes Starwars</li> <li class="user"> von <a href="/foto/galerie/benutzer/708369/fotos/">WOISGRADNET </a> </li> <li class="upload_date"> 25.03.2016 21:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kuesschen-457d75cefbeae8acf26847405a3a485e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/RicbdiUIiofqOU656duTrf4RBkA/gallery/Kuesschen.jpg" alt="Küsschen von WOISGRADNET " title="Küsschen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Küsschen</li> <li class="user"> von <a href="/foto/galerie/benutzer/708369/fotos/">WOISGRADNET </a> </li> <li class="upload_date"> 20.03.2016 12:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Apassionata-2-c5f6b427034dd08d4424c0d76ee84a2e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qEvxciI4JMBizCw2HDNDgvA5rRE/gallery/Apassionata-2.jpg" alt="Apassionata 2 von WOISGRADNET " title="Apassionata 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Apassionata 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/708369/fotos/">WOISGRADNET </a> </li> <li class="upload_date"> 19.03.2016 22:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Apassionata-1-befbc67d06a20bab49d3a6d4f5f3a54e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mkxURXhIEgG5pUBii9zLzxdbGfw/gallery/Apassionata-1.jpg" alt="Apassionata 1 von WOISGRADNET " title="Apassionata 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Apassionata 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/708369/fotos/">WOISGRADNET </a> </li> <li class="upload_date"> 19.03.2016 22:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Feuerbesen5-e3bc962334f31c3313d4e9284496312c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/G4Bi4Gefwpir2gZRMqO9rvlNBx4/gallery/Feuerbesen5.jpg" alt="Feuerbesen5 von NiSc" title="Feuerbesen5"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerbesen5</li> <li class="user"> von <a href="/foto/galerie/benutzer/578153/fotos/">NiSc</a> </li> <li class="upload_date"> 24.02.2016 11:19 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Feuerbesen4-f27ab6f6f220001744b71b5e07f50c9d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/sTAesD6FhZmwIGpeKmvKXqzyO2k/gallery/Feuerbesen4.jpg" alt="Feuerbesen4 von NiSc" title="Feuerbesen4"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerbesen4</li> <li class="user"> von <a href="/foto/galerie/benutzer/578153/fotos/">NiSc</a> </li> <li class="upload_date"> 24.02.2016 11:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Feuerbesen3-2626a83eccf610e00218d4be0abdbf57"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mQ63iU0orFfrGOrw6DCQV0iM3t0/gallery/Feuerbesen3.jpg" alt="Feuerbesen3 von NiSc" title="Feuerbesen3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerbesen3</li> <li class="user"> von <a href="/foto/galerie/benutzer/578153/fotos/">NiSc</a> </li> <li class="upload_date"> 24.02.2016 11:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Feuerbesen2-e59f8d2a3fde43e06b3fde2cce29c02f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rWujgOeRds5tvQKQgtlBCzoxHKE/gallery/Feuerbesen2.jpg" alt="Feuerbesen2 von NiSc" title="Feuerbesen2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerbesen2</li> <li class="user"> von <a href="/foto/galerie/benutzer/578153/fotos/">NiSc</a> </li> <li class="upload_date"> 24.02.2016 11:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Flammenbesen1-58e67d43b765070baf379028b3843a33"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/SqR90z4iXwsiMoFIyVthuu7O7xU/gallery/Flammenbesen1.jpg" alt="Flammenbesen1 von NiSc" title="Flammenbesen1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Flammenbesen1</li> <li class="user"> von <a href="/foto/galerie/benutzer/578153/fotos/">NiSc</a> </li> <li class="upload_date"> 24.02.2016 11:13 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Saeulen-Kunstwerk-0e3bb1bef9ee532ee6ac6c40e10f78f4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YHJ2M6U5fmK4m88EzlvizlhqRh4/gallery/Saeulen-Kunstwerk.jpg" alt="Säulen-Kunstwerk von thomasrown" title="Säulen-Kunstwerk"> </a> <figcaption class="detail_list"> <ul> <li class="title">Säulen-Kunstwerk</li> <li class="user"> von <a href="/foto/galerie/benutzer/695816/fotos/">thomasrown</a> </li> <li class="upload_date"> 22.02.2016 21:51 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/The-Dude-e03c8949da7a5b14d21b61bf3aec625f"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/iR8jCLZ8AfWcUwEct37K6RikcZQ/gallery/The-Dude.jpg" alt="The Dude von Poetography " title="The Dude"> </a> <figcaption class="detail_list"> <ul> <li class="title">The Dude</li> <li class="user"> von <a href="/foto/galerie/benutzer/680883/fotos/">Poetography </a> </li> <li class="upload_date"> 22.02.2016 11:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Unplugged-Kitchen-2d0346800edf12a97dd9a5e2ca6a4ddf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/hJg6SPY13g0AofCMz4S3iHfhoag/gallery/Unplugged-Kitchen.jpg" alt="Unplugged Kitchen von Poetography " title="Unplugged Kitchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Unplugged Kitchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/680883/fotos/">Poetography </a> </li> <li class="upload_date"> 22.02.2016 09:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zuschauer-1847a83049b9c601df4c2223e8db2d6a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/63vnsVf0wbs7eUhBDe5eiamnSmc/gallery/Zuschauer.jpg" alt="Zuschauer von thomasrown" title="Zuschauer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zuschauer</li> <li class="user"> von <a href="/foto/galerie/benutzer/695816/fotos/">thomasrown</a> </li> <li class="upload_date"> 16.02.2016 18:49 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Events-48/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Events-48/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Events-48/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Events-48/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Events-48/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>