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); }); <header class="album_show_header clearfix"> <h1 class="album_show_title">Alle Alben</h1> <nav class="header_form"> <form class="sortier_auswahl"> <span class="gallery_label">sortieren nach</span> <select name="sortierung"> <option value="update" selected="selected">zuletzt aktualisiert</option> <option value="views">am häufigsten betrachtet</option> <option value="creation">neu angelegt</option> </select> </form> </nav> </header> <ul class="masonry clearfix no_script anchorScroll" id="top"> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Alles-Ansichtssache-75645"> <img src="/imagine/8ycenTN4TP7OVGQpp0AEtsEfIYc/content/Futterneid-Mike-FJ.jpg" alt="Alles Ansichtssache" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Alles-Ansichtssache-75645">Alles Ansichtssache</a> </li> <li class="user"> von <a href="#">Klicker3D</a> </li> <li> <span>(26 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/t-a-g-e-s-Lichter-78016"> <img src="/imagine/JByhZUr2nnnT7LAupF4V9FUcDWY/content/Mitfahrbank.jpg" alt="t a g e s Lichter" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/t-a-g-e-s-Lichter-78016">t a g e s Lichter</a> </li> <li class="user"> von <a href="#">Joachim Kiner</a> </li> <li> <span>(43 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Schweden-78228"> <img src="/imagine/2eKkYAfG34frDQWntcHqIAuvK9Y/content/Aurora.jpg" alt="Schweden" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Schweden-78228">Schweden</a> </li> <li class="user"> von <a href="#">ES-Fotogalerie</a> </li> <li> <span>(2 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Zwischen-Krieg-und-Frieden-66736"> <img src="/imagine/VzOLw66M1Dl6Kmb4Ewg9jgXzGiw/content/Komm-wir-ziehen-in-den-Frieden.jpg" alt="Zwischen Krieg und Frieden ..." /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Zwischen-Krieg-und-Frieden-66736">Zwischen Krieg und Frieden ...</a> </li> <li class="user"> von <a href="#">m a n n i x</a> </li> <li> <span>(87 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/DIGITAL-WORLDS-73340"> <img src="/imagine/RR0Qq12LVWjcOiJiSUTaQksQ7wk/content/ARTefakte-der-Onkel-Werner.jpg" alt="DIGITAL-WORLDS" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/DIGITAL-WORLDS-73340">DIGITAL-WORLDS</a> </li> <li class="user"> von <a href="#">Klicker3D</a> </li> <li> <span>(7 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Wirtschaftslandschaft-73338"> <img src="/imagine/PzMDRPmfwsfp4BKHbCuKS5iiOnQ/content/Wirtschaftslandschaft-1.jpg" alt="Wirtschaftslandschaft" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Wirtschaftslandschaft-73338">Wirtschaftslandschaft</a> </li> <li class="user"> von <a href="#">dg9ncc</a> </li> <li> <span>(15 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/GI-077-Eis-78185"> <img src="/imagine/OY2pPg6TiYFfUD88xiPQZi4Ildg/content/GI-Eis.jpg" alt="GI 077 Eis" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/GI-077-Eis-78185">GI 077 Eis</a> </li> <li class="user"> von <a href="#">Klicker3D</a> </li> <li> <span>(1 Bild)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Landschaft-78158"> <img src="/imagine/aHQKu3fi5InbMGyZcVfUpMuaxeA/content/Licht-und-Schatten.jpg" alt="Landschaft" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Landschaft-78158">Landschaft</a> </li> <li class="user"> von <a href="#">Tombo</a> </li> <li> <span>(15 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Kreativ-77338"> <img src="/imagine/GXCEX1457tWSpaT5NvpnCiSr5WE/content/Licht-im-Dunkeln.jpg" alt="Kreativ" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Kreativ-77338">Kreativ</a> </li> <li class="user"> von <a href="#">Tombo</a> </li> <li> <span>(10 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Vogelburg-78155"> <img src="/imagine/7KiOkxRu6dBOnEkgS8f3HuL16M8/content/Im-Papageienmarsch.jpg" alt="Vogelburg" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Vogelburg-78155">Vogelburg</a> </li> <li class="user"> von <a href="#">Tombo</a> </li> <li> <span>(6 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Landschaften-78154"> <img src="/imagine/CaM59Kd2iJIojcWDUosXDwnFrn0/content/Segelboot.jpg" alt="Landschaften" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Landschaften-78154">Landschaften</a> </li> <li class="user"> von <a href="#">bkl</a> </li> <li> <span>(13 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Pilze-78146"> <img src="/imagine/yPN82Ck3Tiki6icCiopifiZoP88/content/Nicht-allein.jpg" alt="Pilze" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Pilze-78146">Pilze</a> </li> <li class="user"> von <a href="#">Tombo</a> </li> <li> <span>(9 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Menschen-78132"> <img src="/imagine/9a22ZqfrpjfNfifff9GUfcRX7V4/content/Nach-dem-Bade.jpg" alt="Menschen" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Menschen-78132">Menschen</a> </li> <li class="user"> von <a href="#">der Onkel Werner</a> </li> <li> <span>(12 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Technik-61171"> <img src="/imagine/s1Jk0nANMztiwd14vTc3ERf5vZI/content/gelandet.jpg" alt="Technik" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Technik-61171">Technik</a> </li> <li class="user"> von <a href="#">parudnick</a> </li> <li> <span>(2 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Moment-mal-78076"> <img src="/imagine/sqtE7aIhd5DFQnFXaQ0m3wwretw/content/egientilch-unuaffaellig.jpg" alt="Moment mal !" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Moment-mal-78076">Moment mal !</a> </li> <li class="user"> von <a href="#">s.g.k.</a> </li> <li> <span>(4 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Augenweide-78056"> <img src="/imagine/YGNjIH9l5ahdADZTXCKnIayYXb8/content/Winter-Sonnenuntergang-in-der-Siegaue-Troisdorf.jpg" alt="Augenweide" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Augenweide-78056">Augenweide</a> </li> <li class="user"> von <a href="#">s.g.k.</a> </li> <li> <span>(10 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Finnland-78052"> <img src="/imagine/yI9oKrvxCztNbYFHS8Uqww3WGd8/content/Unerwartet.jpg" alt="Finnland" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Finnland-78052">Finnland</a> </li> <li class="user"> von <a href="#">Juni20250604</a> </li> <li> <span>(1 Bild)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Stilles-40447"> <img src="/imagine/kmQ2rKITqcozeT6Bqvfz7TBhiLc/content/Schneekugel-1.jpg" alt="Stilles" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Stilles-40447">Stilles</a> </li> <li class="user"> von <a href="#">Thomas Brandl</a> </li> <li> <span>(20 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Mixed-Pixel-Best-of-2025-77902"> <img src="/imagine/osau8Z0BmdIrViN5zHtkn9iiJOA/content/ein-letztes-Mal.jpg" alt="Mixed Pixel - Best of 2025" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Mixed-Pixel-Best-of-2025-77902">Mixed Pixel - Best of 2025</a> </li> <li class="user"> von <a href="#">Joachim Kiner</a> </li> <li> <span>(30 Bilder)</span> </li> </ul> </figcaption> </figure> </li> <li class="box col" dv-masonry-add-items> <figure> <a href="/foto/galerie/album/Tiere-aller-Art-78033"> <img src="/imagine/P0IFqaXRiRiT7idnfYzZjXwNuik/content/Haferflocken-werde-noch-ein-Pferd-wenn-auch-ein-kleines.jpg" alt="Tiere...aller Art" /> </a> <figcaption class="detail_list"> <ul> <li class="title"> <a href="/foto/galerie/album/Tiere-aller-Art-78033">Tiere...aller Art</a> </li> <li class="user"> von <a href="#">der Onkel Werner</a> </li> <li> <span>(15 Bilder)</span> </li> </ul> </figcaption> </figure> </li> </ul> <div class="fg_paginate"> <ul> <li class="page_back_grau">Zurück</li> <li class="current_page"><a href="/foto/galerie/album?offset=1">1</a></li> <li class="page"><a href="/foto/galerie/album?offset=2">2</a></li> <li class="page"><a href="/foto/galerie/album?offset=3">3</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/album?offset=50">50</a></li> <li><a href="/foto/galerie/album?offset=2" class="page_more">Weiter</a></li> </ul> </div> </section>