Theodor-Heuss-Brücke-Mainz von superUke - 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/SmdanxJfWHcLQe2f7kZYSoDWm50/gallery/Theodor-Heuss-Bruecke-Mainz.jpg" id="photoForHistogram" alt="Theodor-Heuss-Brücke-Mainz von superUke"> </a> </div> <figcaption class="main_stage_figcaption" itemprop="caption description"> <h1 class="detail_bild_headline" itemprop="name">Theodor-Heuss-Brücke-Mainz</h1> <p class="begrenzt" itemprop="description">Die Theodor-Heuss-Brücke in Mainz bei Nacht. Ich liebe den Kontrast der warmen und kalten Farben durch die unterschiedliche Beleuchtung der Brücke.</p> </figcaption> </figure> </section> <aside class="mainstage_aside"> <figure class="fotograf clearfix"> <a href="/foto/galerie/benutzer/superUke-511609/"> <img class="avatar" src="/foto/galerie/avatar/511609" alt="Avatar"/> </a> <figcaption> <span class="gallery_label">Fotograf</span> <a class="nutzer" href="/foto/galerie/benutzer/superUke-511609/"> superUke </a> </figcaption> </figure> <ul class="image_details"> <li> <span>Hochgeladen am: 21.06.2011 13:57</span> </li> <li> <span>17 Kommentare</span> </li> <li> <span>6632 mal angesehen</span> </li> <li> <span>14 Bewertungen</span> </li> </ul> <section class="tag_list"> <ul class="image_details_list clearfix"> <li><span class="meta_info_tag ng-binding">Nachtaufnahme</span></li> <li><span class="meta_info_tag ng-binding">Rhein</span></li> <li><span class="meta_info_tag ng-binding">Langzeitbelichtung</span></li> <li><span class="meta_info_tag ng-binding">Wasser</span></li> <li><span class="meta_info_tag ng-binding">Mainz</span></li> <li><span class="meta_info_tag ng-binding">Theodor-Heuss-Brücke</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/Architektur-1/">Architektur</a> <span>(Straßen & Brücken)<span>, </span></span> </span> </li> <li> <span> <a href="/foto/galerie/rubrik/Natur-10/">Natur</a> <span>(Wasser)<span>, </span></span> </span> </li> <li> <span> <a href="/foto/galerie/rubrik/Kompositionen-Montagen-3/">Kompositionen & Montagen</a> <span>(Collagen)</span> </span> </li> </ul> </section> </aside> </div> <section class="forum_latest_posting_teaser" id="image_comment" itemscope itemtype="http://schema.org/CreativeWork"> </section> </section>