Album Zingst 2024 von analoochjehtooch - 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); }); <div class="album_show"> <header class="album_show_header clearfix"> <h1 class="album_show_title"> Zingst 2024  <span class="edit_album">(28 Bilder)</span> </h1> <nav class="header_form">  <form class="sortier_auswahl"> <span class="gallery_label">sortieren nach</span> <select class="fg_selector" name="sortierung"> <option value="namen">Alphabetisch</option> <option value="neuste">Neueste</option> <option value="zuletzt_hinzu">Zuletzt zum Album hinzugefügt</option> </select> </form> </nav> <p class="album_description"></p> <ul class="tag_list"> <li> <a href="suche/album?tag=Ostsee" class="meta_info_tag">Ostsee</a> </li> <li> <a href="suche/album?tag=Zingst" class="meta_info_tag">Zingst</a> </li> </ul> </header> <ul class="masonry clearfix no_script"> <li class="box col2"> <figure> <a href="/imagine/4LvjM6ku7iNelx3Lau82PPJUa7k/gallery/zugeschnappt.jpg" class="fullscreen" title="zugeschnappt" data-fotoid="8ade1369e0c8878c904de1d015bb5aa8"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/4LvjM6ku7iNelx3Lau82PPJUa7k/gallery/zugeschnappt.jpg"></a> <a href="/foto/galerie/foto/zugeschnappt-8ade1369e0c8878c904de1d015bb5aa8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/4LvjM6ku7iNelx3Lau82PPJUa7k/gallery/zugeschnappt.jpg" alt="zugeschnappt von analoochjehtooch" title="zugeschnappt"> </a> <figcaption class="detail_list"> <ul> <li class="title">zugeschnappt</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 05.07.2024 06:37 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/qhvmg8Mm7bVR1bx7iF7NOX0vOck/gallery/Spread-your-wings-and-fly.jpg" class="fullscreen" title="Spread your wings and fly" data-fotoid="507f57f805f741a31efc07464632eeb3"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/qhvmg8Mm7bVR1bx7iF7NOX0vOck/gallery/Spread-your-wings-and-fly.jpg"></a> <a href="/foto/galerie/foto/Spread-your-wings-and-fly-507f57f805f741a31efc07464632eeb3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qhvmg8Mm7bVR1bx7iF7NOX0vOck/gallery/Spread-your-wings-and-fly.jpg" alt="Spread your wings and fly von analoochjehtooch" title="Spread your wings and fly"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spread your wings and fly</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 04.07.2024 07:13 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/FTcs8hRDLrGH4KdWuPZDjWFO5Ng/gallery/Nass-von-unten-laut-von-oben.jpg" class="fullscreen" title="Nass von unten, laut von oben" data-fotoid="dd217d57bb643b174fdbb876124fab7a"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/FTcs8hRDLrGH4KdWuPZDjWFO5Ng/gallery/Nass-von-unten-laut-von-oben.jpg"></a> <a href="/foto/galerie/foto/Nass-von-unten-laut-von-oben-dd217d57bb643b174fdbb876124fab7a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FTcs8hRDLrGH4KdWuPZDjWFO5Ng/gallery/Nass-von-unten-laut-von-oben.jpg" alt="Nass von unten, laut von oben von analoochjehtooch" title="Nass von unten, laut von oben"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nass von unten, laut von oben</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 25.06.2024 07:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/ijVANbuV1b5uHICNKTlV6KZnhac/gallery/Skepsis.jpg" class="fullscreen" title="Skepsis" data-fotoid="3eb8054083fe5fddadbe4b66e14376f3"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/ijVANbuV1b5uHICNKTlV6KZnhac/gallery/Skepsis.jpg"></a> <a href="/foto/galerie/foto/Skepsis-3eb8054083fe5fddadbe4b66e14376f3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ijVANbuV1b5uHICNKTlV6KZnhac/gallery/Skepsis.jpg" alt="Skepsis von analoochjehtooch" title="Skepsis"> </a> <figcaption class="detail_list"> <ul> <li class="title">Skepsis</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 24.06.2024 07:00 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/GPMvcTzpoI8oigbO35kiPnlicec/gallery/2-Sekunden-spaeter.jpg" class="fullscreen" title="2 Sekunden später ..." data-fotoid="686bb89fed086866f4e66453f2166e9f"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/GPMvcTzpoI8oigbO35kiPnlicec/gallery/2-Sekunden-spaeter.jpg"></a> <a href="/foto/galerie/foto/2-Sekunden-spaeter-686bb89fed086866f4e66453f2166e9f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/GPMvcTzpoI8oigbO35kiPnlicec/gallery/2-Sekunden-spaeter.jpg" alt="2 Sekunden später ... von analoochjehtooch" title="2 Sekunden später ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">2 Sekunden später ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 21.06.2024 06:31 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/imagine/uIY81sa46mNSvy7klaIiTaYidUo/gallery/Aus-Neid-wird-Streit.jpg" class="fullscreen" title="Aus Neid wird Streit" data-fotoid="65da4d9bfe01d38a4f21f40a66a9b2a9"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/uIY81sa46mNSvy7klaIiTaYidUo/gallery/Aus-Neid-wird-Streit.jpg"></a> <a href="/foto/galerie/foto/Aus-Neid-wird-Streit-65da4d9bfe01d38a4f21f40a66a9b2a9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/uIY81sa46mNSvy7klaIiTaYidUo/gallery/Aus-Neid-wird-Streit.jpg" alt="Aus Neid wird Streit von analoochjehtooch" title="Aus Neid wird Streit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Aus Neid wird Streit</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 20.06.2024 06:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/Tj7sbzjOqD3O9kNOFTKn8n8rVPE/gallery/Ein-Taenzchen-am-Strand.jpg" class="fullscreen" title="Ein Tänzchen am Strand" data-fotoid="55a33c703a9b034a660bec24a2e0e356"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/Tj7sbzjOqD3O9kNOFTKn8n8rVPE/gallery/Ein-Taenzchen-am-Strand.jpg"></a> <a href="/foto/galerie/foto/Ein-Taenzchen-am-Strand-55a33c703a9b034a660bec24a2e0e356"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Tj7sbzjOqD3O9kNOFTKn8n8rVPE/gallery/Ein-Taenzchen-am-Strand.jpg" alt="Ein Tänzchen am Strand von analoochjehtooch" title="Ein Tänzchen am Strand"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ein Tänzchen am Strand</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 19.06.2024 07:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/Vt73X6WpXlKcCewAq8zkrXcVAik/gallery/Im-Anflug.jpg" class="fullscreen" title="Im Anflug" data-fotoid="d8ad10260a83592b5dd12e9532dcc132"data-userid="472134" data-username="analoochjehtooch" data-fullscreen="/imagine/Vt73X6WpXlKcCewAq8zkrXcVAik/gallery/Im-Anflug.jpg"></a> <a href="/foto/galerie/foto/Im-Anflug-d8ad10260a83592b5dd12e9532dcc132"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Vt73X6WpXlKcCewAq8zkrXcVAik/gallery/Im-Anflug.jpg" alt="Im Anflug von analoochjehtooch" title="Im Anflug"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Anflug</li> <li class="user"> von <a href="/foto/galerie/benutzer/472134/fotos/">analoochjehtooch</a> </li> <li class="upload_date"> 18.06.2024 07:11 </li> </ul> </figcaption> </figure> </li> </ul> <script type="text/javascript"> jQuery(document).ready(function ($) { $("a.fullscreen").colorbox({ rel: "fullscreen", close: "Schließen", transition: "none" }); }); jQuery(document).on('cbox_complete', function (event) { var colorboxElement = jQuery.colorbox.element(), fotoid = colorboxElement.attr("data-fotoid"), userid = colorboxElement.attr("data-userid"), username = colorboxElement.attr("data-username"); Heise.TrackingReload.reloadAll(); jQuery("#cboxBottomCenter").empty().prepend( Mustache.render('\ <div id="cboxUser" class="clearfix"> \ <img class="avatar_mittel_start" src="/foto/galerie/avatar/{{ userid }}" alt="Avatar" /> \ <div class="fotograf clearfix"> \ <span>Fotograf</span> \ <a href="/foto/galerie/benutzer/{{ userid }}/fotos/" class="benutzer">{{ username }}</a> \ </div> \ <a href="/foto/galerie/foto/{{ fotoid }}" class="weitere">Weitere Informationen</a> \ </div>', { "userid": userid, "username": username, "fotoid": fotoid } ) ); // originales #cboxClose umbennen und in Zukunft zum kopieren nutzen jQuery('#cboxClose').attr('id','cboxCloseStash'); jQuery('#cboxCloseStash').clone().appendTo('#cboxUser').attr('id','cboxClose'); if(jQuery('#cboxClose span').length < 1) { jQuery('#cboxClose').append(''); } // Close-Event an einen Klick auf #cboxClose binden jQuery(document).on('click', '#cboxClose', function() { jQuery.colorbox.close(); }); jQuery('#cboxTopCenter').text(jQuery('#cboxTitle').text()); var heightTitle = parseInt(jQuery('#cboxTopCenter').height()), heightBox = parseInt(jQuery('#colorbox').height()), heightUser = parseInt(jQuery('#cboxBottomCenter').outerHeight()); var heightGesamt = heightTitle + heightBox + heightUser + 40; var top_offset = parseInt(jQuery('#colorbox').css('top')) - heightTitle - heightUser; jQuery('#colorbox,#cboxWrapper').css('height',heightGesamt + 'px'); jQuery('#colorbox').css('top',top_offset + 'px'); }); </script> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/album/Zingst-2024-73797?offset=1" class="page_back">Zurück</a></li> <li class="page_more_grau">Weiter</li> </ul> </div> </div>