Mind The Gap Oriental von panpan - 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); }); <section class="photo_show clearfix"> <div class="main_stage_top clearfix"> <section class="main_stage_content" itemscope itemtype="http://schema.org/ImageGallery"> <figure itemscope itemtype="http://schema.org/ImageObject"> <div class="main_stage"> <a href="#" class="fullscreen"> <img src="https://1.f.ix.de/scale/geometry/570/q85/imagine/NM3WiSm092IGPwJMA11f99iitCk/gallery/Mind-The-Gap-Oriental.jpg" id="photoForHistogram" alt="Mind The Gap Oriental von panpan"> </a> </div> <figcaption class="main_stage_figcaption" itemprop="caption description"> <h1 class="detail_bild_headline" itemprop="name">Mind The Gap Oriental</h1> <p class="begrenzt" itemprop="description">GAP-Art: Bilder zwischen Hier und Jetzt. Und was ist dazwischen? Was hat da alles Platz? Wie lange dauert es zwischen Hier und Jetzt? Alles Fragen, auf die Bilder eine bessere Antwort geben...</p> </figcaption> </figure> </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/panpan-181609/"> <img class="avatar" src="/foto/galerie/avatar/181609" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a class="nutzer" href="/foto/galerie/benutzer/panpan-181609/"> panpan </a> </figcaption> </figure> <ul class="image_details"> <li> <span>Hochgeladen am: 01.05.2011 09:27</span> </li> <li> <span>0 Kommentare</span> </li> <li> <span>419 mal angesehen</span> </li> <li> <span>0 Bewertungen</span> </li> </ul> <section class="tag_list"> <ul class="image_details_list clearfix"> <li><span class="meta_info_tag ng-binding">GAP-Art</span></li> </ul> </section> <section class="rubriken_list"> <span class="gallery_label">Rubriken:</span> <ul class="image_details_list clearfix"> <li> <span> <a href="/foto/galerie/rubrik/Kompositionen-Montagen-3/">Kompositionen & Montagen</a> <span>(Experimente)<span>, </span></span> </span> </li> </ul> </section> </aside> </div> <section class="forum_latest_posting_teaser" id="image_comment" itemscope itemtype="http://schema.org/CreativeWork"> </section> </section>