Album Nachkriegszeit von baumfrosch - 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"> Nachkriegszeit  <span class="edit_album">(20 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">aus den Alben meiner Vorfahren</p> <ul class="tag_list"> <li> <a href="suche/album?tag=Nachkriegszeit" class="meta_info_tag">Nachkriegszeit</a> </li> </ul> </header> <ul class="masonry clearfix no_script"> <li class="box col1"> <figure> <a href="/imagine/3bR6GwISK95cpiser0LMzMmbdpc/gallery/in-eine-helle-Zukunft.jpg" class="fullscreen" title="in eine helle Zukunft" data-fotoid="bf4115fc3bb9f356d4ff7862b79f716d"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/3bR6GwISK95cpiser0LMzMmbdpc/gallery/in-eine-helle-Zukunft.jpg"></a> <a href="/foto/galerie/foto/in-eine-helle-Zukunft-bf4115fc3bb9f356d4ff7862b79f716d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/3bR6GwISK95cpiser0LMzMmbdpc/gallery/in-eine-helle-Zukunft.jpg" alt="in eine helle Zukunft von baumfrosch" title="in eine helle Zukunft"> </a> <figcaption class="detail_list"> <ul> <li class="title">in eine helle Zukunft</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 18.07.2024 06:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/L3tYocDjHr9iFTsRkh8CPL4eiAs/gallery/Okertalsperre.jpg" class="fullscreen" title="Okertalsperre" data-fotoid="45945a4032353cd752da08f89aff0943"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/L3tYocDjHr9iFTsRkh8CPL4eiAs/gallery/Okertalsperre.jpg"></a> <a href="/foto/galerie/foto/Okertalsperre-45945a4032353cd752da08f89aff0943"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/L3tYocDjHr9iFTsRkh8CPL4eiAs/gallery/Okertalsperre.jpg" alt="Okertalsperre von baumfrosch" title="Okertalsperre"> </a> <figcaption class="detail_list"> <ul> <li class="title">Okertalsperre</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 16.07.2024 12:00 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/iekrlHDBXiG16AjoyODIvnKaDvw/gallery/Ernst.jpg" class="fullscreen" title="Ernst" data-fotoid="4040ab611b0f2e7affe7414bf2154f1b"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/iekrlHDBXiG16AjoyODIvnKaDvw/gallery/Ernst.jpg"></a> <a href="/foto/galerie/foto/Ernst-4040ab611b0f2e7affe7414bf2154f1b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iekrlHDBXiG16AjoyODIvnKaDvw/gallery/Ernst.jpg" alt="Ernst von baumfrosch" title="Ernst"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ernst</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 13.07.2024 06:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/ulhhqTDdswp9l3jeT415gAWhwIg/gallery/Die-Welt-will-unterhalten-werden.jpg" class="fullscreen" title="Die Welt will unterhalten werden" data-fotoid="f13194bfa8f8d5ff5997a9f67b8f8fc7"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/ulhhqTDdswp9l3jeT415gAWhwIg/gallery/Die-Welt-will-unterhalten-werden.jpg"></a> <a href="/foto/galerie/foto/Die-Welt-will-unterhalten-werden-f13194bfa8f8d5ff5997a9f67b8f8fc7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ulhhqTDdswp9l3jeT415gAWhwIg/gallery/Die-Welt-will-unterhalten-werden.jpg" alt="Die Welt will unterhalten werden von baumfrosch" title="Die Welt will unterhalten werden"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Welt will unterhalten werden</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 12.07.2024 06:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/Vwxz4taTwT4iLQOJCHHtaJ7tzAI/gallery/Der-Theodolit.jpg" class="fullscreen" title="Der Theodolit" data-fotoid="d77204f278ce9dcfa8b954b68e141905"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/Vwxz4taTwT4iLQOJCHHtaJ7tzAI/gallery/Der-Theodolit.jpg"></a> <a href="/foto/galerie/foto/Der-Theodolit-d77204f278ce9dcfa8b954b68e141905"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Vwxz4taTwT4iLQOJCHHtaJ7tzAI/gallery/Der-Theodolit.jpg" alt="Der Theodolit von baumfrosch" title="Der Theodolit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Theodolit</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 10.07.2024 15:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/dznSMYpEeM5BRdiGEZzozxndlS4/gallery/Neubau.jpg" class="fullscreen" title="Neubau" data-fotoid="3298f8af6a5fd379564f903f9a5dbbb3"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/dznSMYpEeM5BRdiGEZzozxndlS4/gallery/Neubau.jpg"></a> <a href="/foto/galerie/foto/Neubau-3298f8af6a5fd379564f903f9a5dbbb3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dznSMYpEeM5BRdiGEZzozxndlS4/gallery/Neubau.jpg" alt="Neubau von baumfrosch" title="Neubau"> </a> <figcaption class="detail_list"> <ul> <li class="title">Neubau</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 07.07.2024 07:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/zUtwSq1ieXiRAmxquzGh2GkYaBM/gallery/drei-mit-Hut.jpg" class="fullscreen" title="drei mit Hut" data-fotoid="07fdbc67543c3424eb42e517d1e35ae1"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/zUtwSq1ieXiRAmxquzGh2GkYaBM/gallery/drei-mit-Hut.jpg"></a> <a href="/foto/galerie/foto/drei-mit-Hut-07fdbc67543c3424eb42e517d1e35ae1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/zUtwSq1ieXiRAmxquzGh2GkYaBM/gallery/drei-mit-Hut.jpg" alt="drei mit Hut von baumfrosch" title="drei mit Hut"> </a> <figcaption class="detail_list"> <ul> <li class="title">drei mit Hut</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 05.07.2024 07:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/g3oeJQhfQdmmaNQf3bIkdl3nOpY/gallery/Winterfreuden.jpg" class="fullscreen" title="Winterfreuden" data-fotoid="60a07d411d7ed9f7ee39740dd62781dc"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/g3oeJQhfQdmmaNQf3bIkdl3nOpY/gallery/Winterfreuden.jpg"></a> <a href="/foto/galerie/foto/Winterfreuden-60a07d411d7ed9f7ee39740dd62781dc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/g3oeJQhfQdmmaNQf3bIkdl3nOpY/gallery/Winterfreuden.jpg" alt="Winterfreuden von baumfrosch" title="Winterfreuden"> </a> <figcaption class="detail_list"> <ul> <li class="title">Winterfreuden</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 01.07.2024 15:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/lE5538FtyMurw5cvWviDnULefCY/gallery/der-Volks-Wagen.jpg" class="fullscreen" title="der Volks-Wagen" data-fotoid="6fd5ae6c51b50bc847ddd065ced95295"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/lE5538FtyMurw5cvWviDnULefCY/gallery/der-Volks-Wagen.jpg"></a> <a href="/foto/galerie/foto/der-Volks-Wagen-6fd5ae6c51b50bc847ddd065ced95295"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lE5538FtyMurw5cvWviDnULefCY/gallery/der-Volks-Wagen.jpg" alt="der Volks-Wagen von baumfrosch" title="der Volks-Wagen"> </a> <figcaption class="detail_list"> <ul> <li class="title">der Volks-Wagen</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 29.06.2024 06:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/E4iE6j0oKwMULDfuKlV30ccC7bU/gallery/Meine-Bude.jpg" class="fullscreen" title=""Meine Bude"" data-fotoid="e5ca34c854e534e7b0a8daf774d777d1"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/E4iE6j0oKwMULDfuKlV30ccC7bU/gallery/Meine-Bude.jpg"></a> <a href="/foto/galerie/foto/Meine-Bude-e5ca34c854e534e7b0a8daf774d777d1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/E4iE6j0oKwMULDfuKlV30ccC7bU/gallery/Meine-Bude.jpg" alt=""Meine Bude" von baumfrosch" title=""Meine Bude""> </a> <figcaption class="detail_list"> <ul> <li class="title">"Meine Bude"</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 20.06.2024 13:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/OJBg7N1eTFhnIrOdLooeHVkQdec/gallery/Baubuero-Nord-nach-einigen-Flaschen-Bier.jpg" class="fullscreen" title="Baubüro Nord - nach einigen Flaschen Bier" data-fotoid="214c6cda135b32052227a36aa82c0467"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/OJBg7N1eTFhnIrOdLooeHVkQdec/gallery/Baubuero-Nord-nach-einigen-Flaschen-Bier.jpg"></a> <a href="/foto/galerie/foto/Baubuero-Nord-nach-einigen-Flaschen-Bier-214c6cda135b32052227a36aa82c0467"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OJBg7N1eTFhnIrOdLooeHVkQdec/gallery/Baubuero-Nord-nach-einigen-Flaschen-Bier.jpg" alt="Baubüro Nord - nach einigen Flaschen Bier von baumfrosch" title="Baubüro Nord - nach einigen Flaschen Bier"> </a> <figcaption class="detail_list"> <ul> <li class="title">Baubüro Nord - nach einigen Flaschen Bier</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 19.06.2024 16:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/fHCg3j8ywLs2oUBpOlsloujT9iI/gallery/Sehnsucht-nach-Italien.jpg" class="fullscreen" title="Sehnsucht nach Italien" data-fotoid="5f393d970b01e265d185c2b59b862cd2"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/fHCg3j8ywLs2oUBpOlsloujT9iI/gallery/Sehnsucht-nach-Italien.jpg"></a> <a href="/foto/galerie/foto/Sehnsucht-nach-Italien-5f393d970b01e265d185c2b59b862cd2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fHCg3j8ywLs2oUBpOlsloujT9iI/gallery/Sehnsucht-nach-Italien.jpg" alt="Sehnsucht nach Italien von baumfrosch" title="Sehnsucht nach Italien"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sehnsucht nach Italien</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 18.06.2024 11:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/UCupoOPn0kS2PBdrqih08vbOlXc/gallery/Die-Frau-mit-der-Ente.jpg" class="fullscreen" title="Die Frau mit der Ente" data-fotoid="72e5a5d948e0705c678a6c3879e90b80"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/UCupoOPn0kS2PBdrqih08vbOlXc/gallery/Die-Frau-mit-der-Ente.jpg"></a> <a href="/foto/galerie/foto/Die-Frau-mit-der-Ente-72e5a5d948e0705c678a6c3879e90b80"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/UCupoOPn0kS2PBdrqih08vbOlXc/gallery/Die-Frau-mit-der-Ente.jpg" alt="Die Frau mit der Ente von baumfrosch" title="Die Frau mit der Ente"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Frau mit der Ente</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 16.06.2024 10:53 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/imagine/Pia5D4NM52rotCk6DIxfjlXzOc8/gallery/und-Alkohol-floss-in-Stroemen.jpg" class="fullscreen" title="und Alkohol floß in Strömen..." data-fotoid="720f7230df1fd2c65e33db724e766cde"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/Pia5D4NM52rotCk6DIxfjlXzOc8/gallery/und-Alkohol-floss-in-Stroemen.jpg"></a> <a href="/foto/galerie/foto/und-Alkohol-floss-in-Stroemen-720f7230df1fd2c65e33db724e766cde"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/Pia5D4NM52rotCk6DIxfjlXzOc8/gallery/und-Alkohol-floss-in-Stroemen.jpg" alt="und Alkohol floß in Strömen... von baumfrosch" title="und Alkohol floß in Strömen..."> </a> <figcaption class="detail_list"> <ul> <li class="title">und Alkohol floß in Strömen...</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 15.06.2024 07:07 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/eiibm4oMQRwCBWb4DGsm8LLYxjg/gallery/Blumen-fuer-die-Damen.jpg" class="fullscreen" title="Blumen für die Damen" data-fotoid="29882831106eeadace13a16e1d11ea3d"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/eiibm4oMQRwCBWb4DGsm8LLYxjg/gallery/Blumen-fuer-die-Damen.jpg"></a> <a href="/foto/galerie/foto/Blumen-fuer-die-Damen-29882831106eeadace13a16e1d11ea3d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/eiibm4oMQRwCBWb4DGsm8LLYxjg/gallery/Blumen-fuer-die-Damen.jpg" alt="Blumen für die Damen von baumfrosch" title="Blumen für die Damen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Blumen für die Damen</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 12.06.2024 10:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/bQIRon5cEsFJfAtjTqxzVDmBBMo/gallery/Panther.jpg" class="fullscreen" title="Panther" data-fotoid="9c49d0e36d61d5664c7a87e5617fda60"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/bQIRon5cEsFJfAtjTqxzVDmBBMo/gallery/Panther.jpg"></a> <a href="/foto/galerie/foto/Panther-9c49d0e36d61d5664c7a87e5617fda60"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/bQIRon5cEsFJfAtjTqxzVDmBBMo/gallery/Panther.jpg" alt="Panther von baumfrosch" title="Panther"> </a> <figcaption class="detail_list"> <ul> <li class="title">Panther</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 11.06.2024 09:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/uNDYVGWhgEySFhiSrSLKCzj2Xig/gallery/Sonntagsausflug.jpg" class="fullscreen" title="Sonntagsausflug" data-fotoid="c8d2590e82bef60855a8c23e0a3b5f9d"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/uNDYVGWhgEySFhiSrSLKCzj2Xig/gallery/Sonntagsausflug.jpg"></a> <a href="/foto/galerie/foto/Sonntagsausflug-c8d2590e82bef60855a8c23e0a3b5f9d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uNDYVGWhgEySFhiSrSLKCzj2Xig/gallery/Sonntagsausflug.jpg" alt="Sonntagsausflug von baumfrosch" title="Sonntagsausflug"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sonntagsausflug</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 09.06.2024 07:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/OpT7xRS2y7tH1DqDQ7VAGHFiCLU/gallery/Aufschwung-West.jpg" class="fullscreen" title="Aufschwung West" data-fotoid="71581354eb96464dbe15e8dc83bec970"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/OpT7xRS2y7tH1DqDQ7VAGHFiCLU/gallery/Aufschwung-West.jpg"></a> <a href="/foto/galerie/foto/Aufschwung-West-71581354eb96464dbe15e8dc83bec970"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OpT7xRS2y7tH1DqDQ7VAGHFiCLU/gallery/Aufschwung-West.jpg" alt="Aufschwung West von baumfrosch" title="Aufschwung West"> </a> <figcaption class="detail_list"> <ul> <li class="title">Aufschwung West</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 08.06.2024 09:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/FWtsiTJHmFAJuYQkzswEABSCgrg/gallery/Lehrgang.jpg" class="fullscreen" title="Lehrgang" data-fotoid="48d24a6e352ed931e04a014ff081cc86"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/FWtsiTJHmFAJuYQkzswEABSCgrg/gallery/Lehrgang.jpg"></a> <a href="/foto/galerie/foto/Lehrgang-48d24a6e352ed931e04a014ff081cc86"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FWtsiTJHmFAJuYQkzswEABSCgrg/gallery/Lehrgang.jpg" alt="Lehrgang von baumfrosch" title="Lehrgang"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lehrgang</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 07.06.2024 06:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/imagine/HTmXFeuy0pOeurCQ79IWjcbiIO8/gallery/unsere-Villa.jpg" class="fullscreen" title="unsere "Villa"" data-fotoid="ebd61ec81107fe32287bbe65a4bb0fde"data-userid="575663" data-username="baumfrosch" data-fullscreen="/imagine/HTmXFeuy0pOeurCQ79IWjcbiIO8/gallery/unsere-Villa.jpg"></a> <a href="/foto/galerie/foto/unsere-Villa-ebd61ec81107fe32287bbe65a4bb0fde"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HTmXFeuy0pOeurCQ79IWjcbiIO8/gallery/unsere-Villa.jpg" alt="unsere "Villa" von baumfrosch" title="unsere "Villa""> </a> <figcaption class="detail_list"> <ul> <li class="title">unsere "Villa"</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 05.06.2024 16:39 </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>