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">Experimente</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=52">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=52" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=52">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=52">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=52">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=52">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/Feuerwerk-Freihand-181b96984efcd486ca1589f65016a77f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DClBcqGLpUmKZVOccwHCP3xOkg8/gallery/Feuerwerk-Freihand.jpg" alt="Feuerwerk - Freihand von Richard Berndt" title="Feuerwerk - Freihand"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feuerwerk - Freihand</li> <li class="user"> von <a href="/foto/galerie/benutzer/1448332/fotos/">Richard Berndt</a> </li> <li class="upload_date"> 06.02.2022 17:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Trambahnhaltestelle-Muenchner-Freiheit-da5e5c84bd97b83c04ff4069c3663e45"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qDr4iWSLcckUzJeZHWiep44YV8M/gallery/Trambahnhaltestelle-Muenchner-Freiheit.jpg" alt="Trambahnhaltestelle Münchner Freiheit von Richard Berndt" title="Trambahnhaltestelle Münchner Freiheit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Trambahnhaltestelle Münchner Freiheit</li> <li class="user"> von <a href="/foto/galerie/benutzer/1448332/fotos/">Richard Berndt</a> </li> <li class="upload_date"> 06.02.2022 17:32 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Grosse-Inspektion-f37b24de7336014b0fd49ddd818a0141"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/23AiQPMsiY6nqh3kuQyf3B19v5Q/gallery/Grosse-Inspektion.jpg" alt="Große Inspektion von Karl Klug" title="Große Inspektion"> </a> <figcaption class="detail_list"> <ul> <li class="title">Große Inspektion</li> <li class="user"> von <a href="/foto/galerie/benutzer/566145/fotos/">Karl Klug</a> </li> <li class="upload_date"> 05.02.2022 20:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ins-Licht-d79534973ed8c3f3e97d0289e6f0c8a6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JCvzNheQwFYQYGykbjNoFUOJWHw/gallery/Ins-Licht.jpg" alt="Ins Licht von bS_mr" title="Ins Licht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ins Licht</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> 05.02.2022 07:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lichtsache-d6d5681595c02e2c1792145c9ff6292f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/irkcWPLhJbRBjxiwxXF6uwH9P04/gallery/Lichtsache.jpg" alt="Lichtsache von metapix" title="Lichtsache"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lichtsache</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> 04.02.2022 12:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Sternenstaub-acf2e9a41ff93e2f7c3f8c76a6168660"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kgqeTAl52WHmZIuhVLL83Bsanck/gallery/Sternenstaub.jpg" alt="Sternenstaub von bS_mr" title="Sternenstaub"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sternenstaub</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> 04.02.2022 07:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-Gespenst-a2f9eafd66dcb28b636b01bf2c052616"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vdMNX9NYRCi9bLurVLegorgq4bA/gallery/Das-Gespenst.jpg" alt="Das Gespenst von bS_mr" title="Das Gespenst"> </a> <figcaption class="detail_list"> <ul> <li class="title">Das Gespenst</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> 03.02.2022 07:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gleis-5-1-2-c3f2e19cb67c25a09f4cb3539fc3e8ec"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/y7KCkjiFgSWiiDoNidfBTtHBRGU/gallery/Gleis-5-1-2.jpg" alt="Gleis 5 1/2 von baumfrosch" title="Gleis 5 1/2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gleis 5 1/2</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 02.02.2022 07:52 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Die-Lavakammer-43f8cd8e9f44279697a540fcada71d89"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/ahui5I6iEH91nJLfjVFTXzjOXVw/gallery/Die-Lavakammer.jpg" alt="Die Lavakammer von bS_mr" title="Die Lavakammer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Lavakammer</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> 02.02.2022 07:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pfad-fa3056d489f13eadd9fec8267d85ccf2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/1JiK3bo0mL0UW1qHV5X92mDimE8/gallery/Pfad.jpg" alt="Pfad von metapix" title="Pfad"> </a> <figcaption class="detail_list"> <ul> <li class="title">Pfad</li> <li class="user"> von <a href="/foto/galerie/benutzer/1288776/fotos/">metapix</a> </li> <li class="upload_date"> 01.02.2022 20:37 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Milch-und-Oel-ae33be01785901bda8afa7e34673984c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/os4uCE8tc5RkX5zxb3DqCbV8cko/gallery/Milch-und-Oel.jpg" alt="Milch und Öl von bS_mr" title="Milch und Öl"> </a> <figcaption class="detail_list"> <ul> <li class="title">Milch und Öl</li> <li class="user"> von <a href="/foto/galerie/benutzer/721218/fotos/">bS_mr</a> </li> <li class="upload_date"> 01.02.2022 07:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gluehlampe-1-a8a043dd10294b694acae53600257f2d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6rkNouPqxoEMPYZcIStyfjSGCVM/gallery/Gluehlampe-1.jpg" alt="Glühlampe_1 von DiSe.fotografie" title="Glühlampe_1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Glühlampe_1</li> <li class="user"> von <a href="/foto/galerie/benutzer/565615/fotos/">DiSe.fotografie</a> </li> <li class="upload_date"> 31.01.2022 19:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gluehlampe-2-a9c9fbd34b6ff266516ef6b9cac80a62"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qIpTkoi705lDKT4qly6o16gGa2M/gallery/Gluehlampe-2.jpg" alt="Glühlampe_2 von DiSe.fotografie" title="Glühlampe_2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Glühlampe_2</li> <li class="user"> von <a href="/foto/galerie/benutzer/565615/fotos/">DiSe.fotografie</a> </li> <li class="upload_date"> 31.01.2022 19:09 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Experimente-52/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Experimente-52/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Experimente-52/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Experimente-52/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Experimente-52/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>