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">Kreuzblick</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=76">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=76" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=76">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=76">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=76">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=76">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/Tesla-Gruesse-eines-Genies-294a05df49b7acae7d87632e78a59139"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/5zLFSDOKeA0Aush62PkjLVd9t3I/gallery/Tesla-Gruesse-eines-Genies.jpg" alt="Tesla - Grüße eines Genies von Otto Hitzegrad" title="Tesla - Grüße eines Genies"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tesla - Grüße eines Genies</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 17.01.2025 05:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gaukler-3D-Kreuzblick-188ad6c05ca7c2eb38422bbb6a07b50b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/gI0Scwy8KDi8cE0AoTUieZtWQuU/gallery/Gaukler-3D-Kreuzblick.jpg" alt="Gaukler, 3D-Kreuzblick von 3DDD" title="Gaukler, 3D-Kreuzblick"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gaukler, 3D-Kreuzblick</li> <li class="user"> von <a href="/foto/galerie/benutzer/424742/fotos/">3DDD</a> </li> <li class="upload_date"> 10.11.2024 14:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/bitte-schielen-523e31f6289248e311fa0eac5938e2df"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5e7HvBePf22JXkoVlBtiPJbHwEw/gallery/bitte-schielen.jpg" alt="bitte schielen von Otto Hitzegrad" title="bitte schielen"> </a> <figcaption class="detail_list"> <ul> <li class="title">bitte schielen</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 08.11.2024 05:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-Paar-GI-Im-Haus-87563f6c8327ae42af97d95bf6cebbfa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/K5y6m6oJa3iCyecPmLk1UGihcG4/gallery/Das-Paar-GI-Im-Haus.jpg" alt="Das Paar (GI - Im Haus) von Deisterfahrer" title="Das Paar (GI - Im Haus)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Das Paar (GI - Im Haus)</li> <li class="user"> von <a href="/foto/galerie/benutzer/1010315/fotos/">Deisterfahrer</a> </li> <li class="upload_date"> 22.04.2020 18:30 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Orchidee-3D-Kreuzblick-9bfc6dc8ef697e9065da4dc388f1ba3d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AkjklRtFiXtkeFxKJioKhWdrQPU/gallery/Orchidee-3D-Kreuzblick.jpg" alt="Orchidee, 3D-Kreuzblick von Otto Hitzegrad" title="Orchidee, 3D-Kreuzblick"> </a> <figcaption class="detail_list"> <ul> <li class="title">Orchidee, 3D-Kreuzblick</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 01.04.2020 06:38 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/one-small-step-for-a-man-ae9fbfb917ffb47d470e1c8e3272b492"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/4K5Ryhbj8XEOZDGXRPbWtNNiL1w/gallery/one-small-step-for-a-man.jpg" alt="one small step for a man von Tele-Thommel" title="one small step for a man"> </a> <figcaption class="detail_list"> <ul> <li class="title">one small step for a man</li> <li class="user"> von <a href="/foto/galerie/benutzer/463073/fotos/">Tele-Thommel</a> </li> <li class="upload_date"> 19.07.2019 23:30 </li> </ul> </figcaption> </figure> </li> </ul> </div>