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">Food</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=50">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=50" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=50">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=50">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=50">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=50">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/Physalis-b82f425c491c381077d67824ac867873"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/UCdvRV0YiMzqovI6XoiyLiIat5M/gallery/Physalis.jpg" alt="Physalis von holgercp" title="Physalis"> </a> <figcaption class="detail_list"> <ul> <li class="title">Physalis</li> <li class="user"> von <a href="/foto/galerie/benutzer/526879/fotos/">holgercp</a> </li> <li class="upload_date"> 07.01.2012 18:05 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Chili-2-5aa850f86c41acbc08e5e7b69737d7dd"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/O6wr9tFpR22LLL0b2ClZ3AuZIGM/gallery/Chili-2.jpg" alt="Chili 2 von holgercp" title="Chili 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Chili 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/526879/fotos/">holgercp</a> </li> <li class="upload_date"> 07.01.2012 17:55 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Chili-1-63ee254d9f70ee1ef40f793f312e1b47"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/gCOlh1OWoIi4eRGRMIi7Z4MxXJo/gallery/Chili-1.jpg" alt="Chili 1 von holgercp" title="Chili 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Chili 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/526879/fotos/">holgercp</a> </li> <li class="upload_date"> 07.01.2012 17:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fruechte-Tee-Muesli-be7ac945d3aeb15511ef8863e24ec47e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mXeO5ZEivddQm9ELChXY8qWWxAQ/gallery/Fruechte-Tee-Muesli.jpg" alt="Früchte-Tee-Müsli von kochersc" title="Früchte-Tee-Müsli"> </a> <figcaption class="detail_list"> <ul> <li class="title">Früchte-Tee-Müsli</li> <li class="user"> von <a href="/foto/galerie/benutzer/181078/fotos/">kochersc</a> </li> <li class="upload_date"> 07.01.2012 17:40 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/hmmm-legger-f6e49a3efaa47f833a3969ef6ae6a2cc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MY5HY0W7gNQYYysis2PvN0Slxf0/gallery/hmmm-legger.jpg" alt="hmmm, legger von lubidou" title="hmmm, legger"> </a> <figcaption class="detail_list"> <ul> <li class="title">hmmm, legger</li> <li class="user"> von <a href="/foto/galerie/benutzer/512339/fotos/">lubidou</a> </li> <li class="upload_date"> 07.01.2012 17:05 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Abgetaucht-efea520d7d0c72dce045f6ce8d1d36eb"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/OYti3CUJ6FiJCYzb7gcz35t1gq0/gallery/Abgetaucht.jpg" alt="Abgetaucht von Mr. Tido" title="Abgetaucht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Abgetaucht</li> <li class="user"> von <a href="/foto/galerie/benutzer/520496/fotos/">Mr. Tido</a> </li> <li class="upload_date"> 07.01.2012 12:42 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/I-m-lovin-it-ac46f721e4e641b6cbc06338db0d5477"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Yenni8nMVYxlm49yMQLeojBeyZ8/gallery/I-m-lovin-it.jpg" alt="I'm lovin' it von flashcube" title="I'm lovin' it"> </a> <figcaption class="detail_list"> <ul> <li class="title">I'm lovin' it</li> <li class="user"> von <a href="/foto/galerie/benutzer/424510/fotos/">flashcube</a> </li> <li class="upload_date"> 07.01.2012 09:20 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Toertchen-b0822f9215420c4ca9472ccaf6f54295"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iawuNlZZYdHlGiiUKnatdSpZe9s/gallery/Toertchen.jpg" alt="Törtchen von Sigrid Philippsen" title="Törtchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Törtchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/422949/fotos/">Sigrid Philippsen</a> </li> <li class="upload_date"> 07.01.2012 02:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kaeseplatte-306a73d280f6322c34208e01870bc512"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/UU943o8mkn5nQbqr1qb2EDmBs5I/gallery/Kaeseplatte.jpg" alt="Käseplatte von Sigrid Philippsen" title="Käseplatte"> </a> <figcaption class="detail_list"> <ul> <li class="title">Käseplatte</li> <li class="user"> von <a href="/foto/galerie/benutzer/422949/fotos/">Sigrid Philippsen</a> </li> <li class="upload_date"> 07.01.2012 01:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zuckerwelten-1-37558ea7d263c1104eabcca2c5b3cb05"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LZgskwg1o5msjtFzVRUibJ8IkVE/gallery/Zuckerwelten-1.jpg" alt="Zuckerwelten-1 von Akustix" title="Zuckerwelten-1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zuckerwelten-1</li> <li class="user"> von <a href="/foto/galerie/benutzer/496415/fotos/">Akustix</a> </li> <li class="upload_date"> 06.01.2012 21:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zuckerwelten-2-0bd3d1c8765c81c84d9953bfbcf516fb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mEDA47wxCsEEACWR2HPjlqIlQg4/gallery/Zuckerwelten-2.jpg" alt="Zuckerwelten-2 von Akustix" title="Zuckerwelten-2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zuckerwelten-2</li> <li class="user"> von <a href="/foto/galerie/benutzer/496415/fotos/">Akustix</a> </li> <li class="upload_date"> 06.01.2012 21:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zuckerwelten-3-7652e0349086fb125f2cfd6504b0e8c2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/62ciGEjNesiQjbTgb6iKgpA2Too/gallery/Zuckerwelten-3.jpg" alt="Zuckerwelten-3 von Akustix" title="Zuckerwelten-3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zuckerwelten-3</li> <li class="user"> von <a href="/foto/galerie/benutzer/496415/fotos/">Akustix</a> </li> <li class="upload_date"> 06.01.2012 21:29 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/heisser-Tee-fuer-kalte-Tage-9826db1165993034fabc2f14f61cbddd"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/OyDunmaWWhJK4YI6ogFouciPuc4/gallery/heisser-Tee-fuer-kalte-Tage.jpg" alt="heißer Tee für kalte Tage von Welle23" title="heißer Tee für kalte Tage"> </a> <figcaption class="detail_list"> <ul> <li class="title">heißer Tee für kalte Tage</li> <li class="user"> von <a href="/foto/galerie/benutzer/526328/fotos/">Welle23</a> </li> <li class="upload_date"> 06.01.2012 20:48 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Food-50/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Food-50/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Food-50/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Food-50/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Food-50/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>