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); }); <p class="noscript info">Um alle Funktionen der c't Fotografiegalerie nutzen zu können, aktivieren Sie bitte <b>JavaScript</b>.</p> <h1 class="detail_bild_headline">Natur</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=37">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=37" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=37">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=37">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=37">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=37">Zufällige Auswahl</a></li> </ul> </nav> <div class="karussel_alben"> <ul class="masonry clearfix no_script"> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Ein-Tag-im-Mai-verfremdet-wie-meine-Stimmung-819cebfd42032f11a7e5935c735f59c4"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/5ul4Rzyy3StvBIy57yPVnBmRugw/gallery/Ein-Tag-im-Mai-verfremdet-wie-meine-Stimmung.jpg" alt="Ein Tag im Mai verfremdet wie meine Stimmung von AndreasvomLand" title="Ein Tag im Mai verfremdet wie meine Stimmung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ein Tag im Mai verfremdet wie meine Stimmung</li> <li class="user"> von <a href="/foto/galerie/benutzer/588582/fotos/">AndreasvomLand</a> </li> <li class="upload_date"> 19.05.2019 16:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schirmchen-vor-dem-Absprung-der-Pusteblume-6a5de260c32f7193a871597a356acb9c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fQYcBrXtvD9AC8UxUngLYPWhrVI/gallery/Schirmchen-vor-dem-Absprung-der-Pusteblume.jpg" alt="Schirmchen vor dem Absprung der Pusteblume von Sensuela" title="Schirmchen vor dem Absprung der Pusteblume"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schirmchen vor dem Absprung der Pusteblume</li> <li class="user"> von <a href="/foto/galerie/benutzer/720848/fotos/">Sensuela</a> </li> <li class="upload_date"> 18.05.2019 08:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/4-im-Licht-a68634aea654712a578322f5bdc09347"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rpS5Z2vDkfzd65OiRdNrwui4kkE/gallery/4-im-Licht.jpg" alt="4 im Licht von nctec" title="4 im Licht"> </a> <figcaption class="detail_list"> <ul> <li class="title">4 im Licht</li> <li class="user"> von <a href="/foto/galerie/benutzer/734931/fotos/">nctec</a> </li> <li class="upload_date"> 10.05.2019 13:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Feldlinien-5f5fad10cbe50e3cdb47fe110662bef8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9xKZN3IiHoOwQAM4pwKC9Qahd3s/gallery/Feldlinien.jpg" alt="Feldlinien von docolli" title="Feldlinien"> </a> <figcaption class="detail_list"> <ul> <li class="title">Feldlinien</li> <li class="user"> von <a href="/foto/galerie/benutzer/586787/fotos/">docolli</a> </li> <li class="upload_date"> 09.05.2019 19:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Nach-dem-Unwetter-ff72eef749ef3a19060633913f113ee4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mJvSpH2i0kOFkOQXWqrYJ04D9yQ/gallery/Nach-dem-Unwetter.jpg" alt="Nach dem Unwetter von Forstwirt" title="Nach dem Unwetter"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nach dem Unwetter</li> <li class="user"> von <a href="/foto/galerie/benutzer/563189/fotos/">Forstwirt</a> </li> <li class="upload_date"> 07.05.2019 22:20 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Nach-dem-Unwetter-ec4bbcabc4dc4087561f686d4c38165a"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/Rl3AmI0KO7fq0fEiiqPi9jirzR8/gallery/Nach-dem-Unwetter.jpg" alt="Nach dem Unwetter von Forstwirt" title="Nach dem Unwetter"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nach dem Unwetter</li> <li class="user"> von <a href="/foto/galerie/benutzer/563189/fotos/">Forstwirt</a> </li> <li class="upload_date"> 07.05.2019 22:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/scatterbrain-055d6c6aec53a6766b6a6c37aaf2b3b5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xi1ynJ2a5MCxjxuz7NHTFt6V9LM/gallery/scatterbrain.jpg" alt="scatterbrain von ispin" title="scatterbrain"> </a> <figcaption class="detail_list"> <ul> <li class="title">scatterbrain</li> <li class="user"> von <a href="/foto/galerie/benutzer/608771/fotos/">ispin</a> </li> <li class="upload_date"> 28.04.2019 18:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Magnolienherz-8509c1b267c703a6fdd56bfc4e760c0b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sGtUoCBFi9tszRw2v5kpWiUp1S4/gallery/Magnolienherz.jpg" alt="Magnolienherz von Karsten Gieselmann" title="Magnolienherz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Magnolienherz</li> <li class="user"> von <a href="/foto/galerie/benutzer/748164/fotos/">Karsten Gieselmann</a> </li> <li class="upload_date"> 26.04.2019 18:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/La-Lavagne-1-dermaeus-version-83e8b7284894654355694c21b0e70b23"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yie8xwF4FiYXWBYj3u22Cm1SeEQ/gallery/La-Lavagne-1-dermaeus-version.jpg" alt="La Lavagne 1 (dermaeus-version) von Bernd Unger" title="La Lavagne 1 (dermaeus-version)"> </a> <figcaption class="detail_list"> <ul> <li class="title">La Lavagne 1 (dermaeus-version)</li> <li class="user"> von <a href="/foto/galerie/benutzer/876543/fotos/">Bernd Unger</a> </li> <li class="upload_date"> 25.04.2019 10:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/La-Lavagne-1-fe5f74200f0b533ba494d422f3ee788b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aGahpBttw2kQTTXlHMWKyi2e9y4/gallery/La-Lavagne-1.jpg" alt="La Lavagne 1 von Bernd Unger" title="La Lavagne 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">La Lavagne 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/876543/fotos/">Bernd Unger</a> </li> <li class="upload_date"> 23.04.2019 11:56 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Nostalgie-a221a3439c59ad3407d85cf9334cb024"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/sso1kO8oEwmR9iZLm9i8SLvCVFE/gallery/Nostalgie.jpg" alt="Nostalgie von H.-Dieter Fischer" title="Nostalgie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nostalgie</li> <li class="user"> von <a href="/foto/galerie/benutzer/577281/fotos/">H.-Dieter Fischer</a> </li> <li class="upload_date"> 21.04.2019 09:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Rotes-Meer-3c641af9ba7d3ca9f5e6a2bedb9fc648"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CLhz0SqsdJGywyistrihGQq08f4/gallery/Rotes-Meer.jpg" alt="Rotes Meer von DGEls" title="Rotes Meer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Rotes Meer</li> <li class="user"> von <a href="/foto/galerie/benutzer/932800/fotos/">DGEls</a> </li> <li class="upload_date"> 19.04.2019 10:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-Wein-im-Wind-a09655f80cf3bdec05596c05912330b9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/8wq2ha3ZwMo5HQ0C9w6C5SOkMxE/gallery/Der-Wein-im-Wind.jpg" alt="Der Wein im Wind von Bernd Unger" title="Der Wein im Wind"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Wein im Wind</li> <li class="user"> von <a href="/foto/galerie/benutzer/876543/fotos/">Bernd Unger</a> </li> <li class="upload_date"> 18.04.2019 09:52 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Natur-37/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Natur-37/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>