Album GI - von unten von Heike Maier - 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"> GI - von unten  <span class="edit_album">(45 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">Alle Fotos der GI</p> </header> <ul class="masonry clearfix no_script"> <li class="box col2"> <figure> <a href="/imagine/OinRcmi5MiLmGaGsmCttMygZEEk/gallery/Einer-Raupe-unter-die-Fuesse-geschaut-GI-von-unten.jpg" class="fullscreen" title="Einer Raupe unter die Füße geschaut (GI - von unten)" data-fotoid="8026ce736ba6ade2819cbe660c24f792"data-userid="1042784" data-username="Otto Hitzegrad" data-fullscreen="/imagine/OinRcmi5MiLmGaGsmCttMygZEEk/gallery/Einer-Raupe-unter-die-Fuesse-geschaut-GI-von-unten.jpg"></a> <a href="/foto/galerie/foto/Einer-Raupe-unter-die-Fuesse-geschaut-GI-von-unten-8026ce736ba6ade2819cbe660c24f792"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/OinRcmi5MiLmGaGsmCttMygZEEk/gallery/Einer-Raupe-unter-die-Fuesse-geschaut-GI-von-unten.jpg" alt="Einer Raupe unter die Füße geschaut (GI - von unten) von Otto Hitzegrad" title="Einer Raupe unter die Füße geschaut (GI - von unten)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Einer Raupe unter die Füße geschaut (GI - von unten)</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 22.06.2024 05:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/WdVroFMsiqMXyLGPVuVYZJ9qDWE/gallery/Anlaufturm-GI-von-unten.jpg" class="fullscreen" title="Anlaufturm (GI - von unten)" data-fotoid="776722244671216b34a3c59eb5ae8e86"data-userid="496228" data-username="Heike Maier" data-fullscreen="/imagine/WdVroFMsiqMXyLGPVuVYZJ9qDWE/gallery/Anlaufturm-GI-von-unten.jpg"></a> <a href="/foto/galerie/foto/Anlaufturm-GI-von-unten-776722244671216b34a3c59eb5ae8e86"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/WdVroFMsiqMXyLGPVuVYZJ9qDWE/gallery/Anlaufturm-GI-von-unten.jpg" alt="Anlaufturm (GI - von unten) von Heike Maier" title="Anlaufturm (GI - von unten)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Anlaufturm (GI - von unten)</li> <li class="user"> von <a href="/foto/galerie/benutzer/496228/fotos/">Heike Maier</a> </li> <li class="upload_date"> 22.06.2024 04:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/MhSgidFQs2TKmEWwhJXcnSE8D5Y/gallery/Von-unten-hochgestiegen-GI-von-unten.jpg" class="fullscreen" title="Von unten hochgestiegen [ GI - von unten]" data-fotoid="05097a80327c1dd1e56f9fb0ecdfdbae"data-userid="1332692" data-username="NAlois" data-fullscreen="/imagine/MhSgidFQs2TKmEWwhJXcnSE8D5Y/gallery/Von-unten-hochgestiegen-GI-von-unten.jpg"></a> <a href="/foto/galerie/foto/Von-unten-hochgestiegen-GI-von-unten-05097a80327c1dd1e56f9fb0ecdfdbae"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/MhSgidFQs2TKmEWwhJXcnSE8D5Y/gallery/Von-unten-hochgestiegen-GI-von-unten.jpg" alt="Von unten hochgestiegen [ GI - von unten] von NAlois" title="Von unten hochgestiegen [ GI - von unten]"> </a> <figcaption class="detail_list"> <ul> <li class="title">Von unten hochgestiegen [ GI - von unten]</li> <li class="user"> von <a href="/foto/galerie/benutzer/1332692/fotos/">NAlois</a> </li> <li class="upload_date"> 22.06.2024 01:21 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/TgcPYBwpibwWJ0rmu1xiivJ1kRc/gallery/Waesche-von-unten-GI.jpg" class="fullscreen" title="Wäsche - von unten (GI)" data-fotoid="5f128aa407a8e4a9abdc6e55a1780df3"data-userid="879109" data-username="ek3108" data-fullscreen="/imagine/TgcPYBwpibwWJ0rmu1xiivJ1kRc/gallery/Waesche-von-unten-GI.jpg"></a> <a href="/foto/galerie/foto/Waesche-von-unten-GI-5f128aa407a8e4a9abdc6e55a1780df3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TgcPYBwpibwWJ0rmu1xiivJ1kRc/gallery/Waesche-von-unten-GI.jpg" alt="Wäsche - von unten (GI) von ek3108" title="Wäsche - von unten (GI)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wäsche - von unten (GI)</li> <li class="user"> von <a href="/foto/galerie/benutzer/879109/fotos/">ek3108</a> </li> <li class="upload_date"> 22.06.2024 00:28 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/qFHy2eoH8QShQCUORIzWFpiMJiw/gallery/Von-unten-senkrecht-nach-oben-Polarlicht-und-grosser-Wagen.jpg" class="fullscreen" title="Von unten senkrecht nach oben. Polarlicht und großer Wagen" data-fotoid="4a0dd319424d1d8fba8150e8ab4bf0f6"data-userid="109840" data-username="dermaeus" data-fullscreen="/imagine/qFHy2eoH8QShQCUORIzWFpiMJiw/gallery/Von-unten-senkrecht-nach-oben-Polarlicht-und-grosser-Wagen.jpg"></a> <a href="/foto/galerie/foto/Von-unten-senkrecht-nach-oben-Polarlicht-und-grosser-Wagen-4a0dd319424d1d8fba8150e8ab4bf0f6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qFHy2eoH8QShQCUORIzWFpiMJiw/gallery/Von-unten-senkrecht-nach-oben-Polarlicht-und-grosser-Wagen.jpg" alt="Von unten senkrecht nach oben. Polarlicht und großer Wagen von dermaeus" title="Von unten senkrecht nach oben. Polarlicht und großer Wagen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Von unten senkrecht nach oben. Polarlicht und großer Wagen</li> <li class="user"> von <a href="/foto/galerie/benutzer/109840/fotos/">dermaeus</a> </li> <li class="upload_date"> 22.06.2024 00:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/eQ2wzDON1gIWyCoYeLDOiJmWuac/gallery/GI-von-unten.jpg" class="fullscreen" title="GI - von unten" data-fotoid="b49336ee0a6817f011a9fac55b06a71a"data-userid="1587003" data-username=" " data-fullscreen="/imagine/eQ2wzDON1gIWyCoYeLDOiJmWuac/gallery/GI-von-unten.jpg"></a> <a href="/foto/galerie/foto/GI-von-unten-b49336ee0a6817f011a9fac55b06a71a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/eQ2wzDON1gIWyCoYeLDOiJmWuac/gallery/GI-von-unten.jpg" alt="GI - von unten von " title="GI - von unten"> </a> <figcaption class="detail_list"> <ul> <li class="title">GI - von unten</li> <li class="user"> von <a href="/foto/galerie/benutzer/1587003/fotos/"> </a> </li> <li class="upload_date"> 22.06.2024 00:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/Lexi4UsEHGJ3J1HHCMWZqC3T86Q/gallery/Letzte-Erinnerung.jpg" class="fullscreen" title="Letzte Erinnerung" data-fotoid="e5a52c244ecb448f418f3af30845c878"data-userid="496228" data-username="Heike Maier" data-fullscreen="/imagine/Lexi4UsEHGJ3J1HHCMWZqC3T86Q/gallery/Letzte-Erinnerung.jpg"></a> <a href="/foto/galerie/foto/Letzte-Erinnerung-e5a52c244ecb448f418f3af30845c878"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Lexi4UsEHGJ3J1HHCMWZqC3T86Q/gallery/Letzte-Erinnerung.jpg" alt="Letzte Erinnerung von Heike Maier" title="Letzte Erinnerung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Letzte Erinnerung</li> <li class="user"> von <a href="/foto/galerie/benutzer/496228/fotos/">Heike Maier</a> </li> <li class="upload_date"> 17.06.2024 08:06 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/imagine/j7bKuiWifviyilfDHFuqNbBfH2w/gallery/GI-57-von-unten.jpg" class="fullscreen" title="GI 57 von unten" data-fotoid="1c43cb1aa1f1dc80972547c35f046c87"data-userid="496228" data-username="Heike Maier" data-fullscreen="/imagine/j7bKuiWifviyilfDHFuqNbBfH2w/gallery/GI-57-von-unten.jpg"></a> <a href="/foto/galerie/foto/GI-57-von-unten-1c43cb1aa1f1dc80972547c35f046c87"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/j7bKuiWifviyilfDHFuqNbBfH2w/gallery/GI-57-von-unten.jpg" alt="GI 57 von unten von Heike Maier" title="GI 57 von unten"> </a> <figcaption class="detail_list"> <ul> <li class="title">GI 57 von unten</li> <li class="user"> von <a href="/foto/galerie/benutzer/496228/fotos/">Heike Maier</a> </li> <li class="upload_date"> 03.06.2024 06:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/I0RiLdEWD71Z1tUjqK0zzO5jdIg/gallery/GI-57.jpg" class="fullscreen" title="GI 57" data-fotoid="49c0905fdcedf10f5bf778ca6186cf78"data-userid="496228" data-username="Heike Maier" data-fullscreen="/imagine/I0RiLdEWD71Z1tUjqK0zzO5jdIg/gallery/GI-57.jpg"></a> <a href="/foto/galerie/foto/GI-57-49c0905fdcedf10f5bf778ca6186cf78"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/I0RiLdEWD71Z1tUjqK0zzO5jdIg/gallery/GI-57.jpg" alt="GI 57 von Heike Maier" title="GI 57"> </a> <figcaption class="detail_list"> <ul> <li class="title">GI 57</li> <li class="user"> von <a href="/foto/galerie/benutzer/496228/fotos/">Heike Maier</a> </li> <li class="upload_date"> 26.05.2024 09:22 </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/GI-von-unten-73808?offset=2" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/album/GI-von-unten-73808?offset=1">1</a></li> <li class="page"><a href="/foto/galerie/album/GI-von-unten-73808?offset=2">2</a></li> <li class="current_page"><a href="/foto/galerie/album/GI-von-unten-73808?offset=3">3</a></li> <li class="page_more_grau">Weiter</li> </ul> </div> </div>