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">Kinder</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=8">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=8" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=8">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=8">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=8">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=8">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/Gib-alles-5f7b2dc0e81f8d01ebd08bb8d7cc7006"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Un0mWKAO7LioF0PfnXYCei5NMnc/gallery/Gib-alles.jpg" alt="Gib alles von " title="Gib alles"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gib alles</li> <li class="user"> von <a href="/foto/galerie/benutzer/473488/fotos/"> </a> </li> <li class="upload_date"> 04.07.2012 11:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fussball-703320c9eb14bcb56459a8f6002c3dce"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6xTqPU8G0eH8d3TXhvr8hHokb1U/gallery/Fussball.jpg" alt="Fußball von Günter Linner" title="Fußball"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fußball</li> <li class="user"> von <a href="/foto/galerie/benutzer/540484/fotos/">Günter Linner</a> </li> <li class="upload_date"> 04.07.2012 10:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Jumper-7ae39c46f11dd619b8d21e30bb24dbfe"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/h3qP80zWSYivoWT7WwwGhSgg1X8/gallery/Jumper.jpg" alt="Jumper von Günter Linner" title="Jumper"> </a> <figcaption class="detail_list"> <ul> <li class="title">Jumper</li> <li class="user"> von <a href="/foto/galerie/benutzer/540484/fotos/">Günter Linner</a> </li> <li class="upload_date"> 04.07.2012 09:59 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Vor-dem-grossen-Auftritt-1a5fcec291d8defa11dc261851586237"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/SlIRYWJHbsZetd7bLSnRmxGnOXc/gallery/Vor-dem-grossen-Auftritt.jpg" alt="Vor dem großen Auftritt von Sabine Hempel" title="Vor dem großen Auftritt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vor dem großen Auftritt</li> <li class="user"> von <a href="/foto/galerie/benutzer/540293/fotos/">Sabine Hempel</a> </li> <li class="upload_date"> 04.07.2012 09:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/kleine-Hand-SW-8d5f11d6f2621104c2eb83e060d197d5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/laeF62FSgtzenyFiadaxMjsj0cM/gallery/kleine-Hand-SW.jpg" alt="kleine Hand SW von MrBig" title="kleine Hand SW"> </a> <figcaption class="detail_list"> <ul> <li class="title">kleine Hand SW</li> <li class="user"> von <a href="/foto/galerie/benutzer/178644/fotos/">MrBig</a> </li> <li class="upload_date"> 03.07.2012 21:26 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Es-ist-zum-Heulen-6c13e05fbc1ede6fe233152e22cdb950"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/i391ldV2FNXhzhUcBsNrl5TWCeU/gallery/Es-ist-zum-Heulen.jpg" alt="Es ist zum Heulen von " title="Es ist zum Heulen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Es ist zum Heulen</li> <li class="user"> von <a href="/foto/galerie/benutzer/540293/fotos/"> </a> </li> <li class="upload_date"> 02.07.2012 10:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/kleine-Hand-71197cd63049cfa88e37fc6ac7e84482"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wDmiiMCYi34y1z8qYgfys5iAHro/gallery/kleine-Hand.jpg" alt="kleine Hand von MrBig" title="kleine Hand"> </a> <figcaption class="detail_list"> <ul> <li class="title">kleine Hand</li> <li class="user"> von <a href="/foto/galerie/benutzer/178644/fotos/">MrBig</a> </li> <li class="upload_date"> 01.07.2012 21:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Timi-mitten-ins-Herz-getroffen-bceaa75f66c56ed234ff2dc6349ed45e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/a7QtJSP5NhVilI6DiXiu1v2iKvo/gallery/Timi-mitten-ins-Herz-getroffen.jpg" alt="Timi mitten ins Herz getroffen von Mountaingerhard" title="Timi mitten ins Herz getroffen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Timi mitten ins Herz getroffen</li> <li class="user"> von <a href="/foto/galerie/benutzer/539450/fotos/">Mountaingerhard</a> </li> <li class="upload_date"> 01.07.2012 20:23 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Wer-ist-von-uns-beiden-der-Coolste-24d7b968798aebac54ea24cbd6456b36"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/uup8ga14kepricmZVplPAcLh1S8/gallery/Wer-ist-von-uns-beiden-der-Coolste.jpg" alt="Wer ist von uns beiden der Coolste von Mountaingerhard" title="Wer ist von uns beiden der Coolste"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wer ist von uns beiden der Coolste</li> <li class="user"> von <a href="/foto/galerie/benutzer/539450/fotos/">Mountaingerhard</a> </li> <li class="upload_date"> 01.07.2012 20:19 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tarzan-beim-Training-a71b54a6c80592f4be8b1d9522282118"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Gqvt1V8wxwMBeiWRkvNfPJKbWwk/gallery/Tarzan-beim-Training.jpg" alt="Tarzan beim Training von Mountaingerhard" title="Tarzan beim Training"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tarzan beim Training</li> <li class="user"> von <a href="/foto/galerie/benutzer/539450/fotos/">Mountaingerhard</a> </li> <li class="upload_date"> 01.07.2012 18:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/snail-0fbf2b79ba2452feb4e80669c0bb7697"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Xe67cNimyDIOtjznmtE1QUundhw/gallery/snail.jpg" alt="snail von PsychoDad33" title="snail"> </a> <figcaption class="detail_list"> <ul> <li class="title">snail</li> <li class="user"> von <a href="/foto/galerie/benutzer/124903/fotos/">PsychoDad33</a> </li> <li class="upload_date"> 27.06.2012 21:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Beide-001-JPG-4e5a708f6704147303095beb1e18ea10"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/NY1ZEDVvmfoVuOF7SbNLX1iIfLs/gallery/Beide-001-JPG.jpg" alt="Beide_001.JPG von " title="Beide_001.JPG"> </a> <figcaption class="detail_list"> <ul> <li class="title">Beide_001.JPG</li> <li class="user"> von <a href="/foto/galerie/benutzer/540038/fotos/"> </a> </li> <li class="upload_date"> 27.06.2012 08:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/kind-002-JPG-baebd775da5f83d3fe5279e2a5e013c3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Q1K6tdQ8OzwdYzeQdkbxSbTk1pU/gallery/kind-002-JPG.jpg" alt="kind_002.JPG von Konopa" title="kind_002.JPG"> </a> <figcaption class="detail_list"> <ul> <li class="title">kind_002.JPG</li> <li class="user"> von <a href="/foto/galerie/benutzer/540038/fotos/">Konopa</a> </li> <li class="upload_date"> 27.06.2012 08:41 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Kinder-8/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Kinder-8/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Kinder-8/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Kinder-8/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Kinder-8/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>