Galerie - c't Fotografie

function notify(type, message) { jQuery('<p class="notify" style="display: none;"></p>').appendTo('#notification_area'); jQuery("p.notify").addClass(type); jQuery(".notify").html(message); 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 = jQuery('.heisetopnavi nav').css('z-index'); } jQuery('.heisetopnavi nav').css('z-index', '1'); jQuery('.notify').click( hide_notify ); setTimeout( hide_notify, 2500 ); jQuery(".notify").fadeIn('fast'); }; function hide_notify() { jQuery('.notify').fadeOut('slow', function() { jQuery('.notify').replaceWith(); jQuery('.heisetopnavi nav').css('z-index', orig_topnav_zindex); } ); } jQuery(document).on('click', 'p.notify', function () { hide_notify(); }); jQuery(document).on('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">Parallelblick</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=75">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=75" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=75">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=75">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=75">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=75">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/Feuerwerk-fuer-FPR-Monitore-35cc03f164c7a77fd5a368e97c7cde5f"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/bnO0SiQgzL7xFvset5pDd1XnA5Q/gallery/Feuerwerk-fuer-FPR-Monitore.jpg" alt="Feuerwerk (für FPR Monitore) von 3DDD" title="Feuerwerk (für FPR Monitore)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerwerk (für FPR Monitore)</li> <li class="user"> von <a href="/foto/galerie/benutzer/424742/fotos/">3DDD</a> </li> <li class="upload_date"> 24.08.2015 17:02 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/kuenstliches-Universum-c38586b1a553bba778ed1e5b9afcf4a9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2aYKf3EcwSNSnFUVkOk2T6xnVz0/gallery/kuenstliches-Universum.jpg" alt="künstliches Universum von ThMoe" title="künstliches Universum"> </a> <figcaption class="detail_list"> <ul> <li class="title">künstliches Universum</li> <li class="user"> von <a href="/foto/galerie/benutzer/592733/fotos/">ThMoe</a> </li> <li class="upload_date"> 19.04.2015 12:44 </li> </ul> </figcaption> </figure> </li> <li class="box col2 galerie_teaser"> <a href="" target="_blank"> <img class="image" src="" alt="" title=""/> <h2></h2> <p></p> </a> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schwebebahn-im-Wuppertal-29-III-1931-1690e6e3e45f45a23d8d80c611b8afc6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/O2HaaXLDXApSlaP6XwMN07gDCKE/gallery/Schwebebahn-im-Wuppertal-29-III-1931.jpg" alt="Schwebebahn im Wuppertal 29.III.1931 von kapitaen" title="Schwebebahn im Wuppertal 29.III.1931"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schwebebahn im Wuppertal 29.III.1931</li> <li class="user"> von <a href="/foto/galerie/benutzer/87347/fotos/">kapitaen</a> </li> <li class="upload_date"> 17.05.2014 13:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wolkenkratzer-Festival-43fc3f92f16970e8518bcb52f60cf4ef"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6w9RizCr6u9CTZVDXFiiON9iRic/gallery/Wolkenkratzer-Festival.jpg" alt="Wolkenkratzer-Festival von 3DDD" title="Wolkenkratzer-Festival"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wolkenkratzer-Festival</li> <li class="user"> von <a href="/foto/galerie/benutzer/424742/fotos/">3DDD</a> </li> <li class="upload_date"> 02.12.2013 21:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/EVEN-8c388d1aae164c7632900feaf24be225"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/90LCuQiZ3ovAg3xXirFcX0lMsIw/gallery/EVEN.jpg" alt="EVEN von 3DDD" title="EVEN"> </a> <figcaption class="detail_list"> <ul> <li class="title">EVEN</li> <li class="user"> von <a href="/foto/galerie/benutzer/424742/fotos/">3DDD</a> </li> <li class="upload_date"> 24.11.2012 00:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/ODD-16814533b83df72fd0aa9f1de876408d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DlmGCxbo9AZXyWqDIS85weftMus/gallery/ODD.jpg" alt="ODD von 3DDD" title="ODD"> </a> <figcaption class="detail_list"> <ul> <li class="title">ODD</li> <li class="user"> von <a href="/foto/galerie/benutzer/424742/fotos/">3DDD</a> </li> <li class="upload_date"> 23.11.2012 22:13 </li> </ul> </figcaption> </figure> </li> </ul> </div>