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 class="active" 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/Schlei-Hochufer-bei-Weseby-58c38924f645ca32d9c655b8b47e9892"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/f7M7u4k1pSeAVRfsxMfnuoO6wL8/gallery/Schlei-Hochufer-bei-Weseby.jpg" alt="Schlei-Hochufer bei Weseby von Reiner von der Schlei" title="Schlei-Hochufer bei Weseby"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schlei-Hochufer bei Weseby</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> 22.03.2015 22:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Trampelpfad-1bddc9da342ce1f93169ea4ce8fe3711"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/BmUaSMAvYhx7DykF5IFCc2ay3iE/gallery/Trampelpfad.jpg" alt="Trampelpfad von Reiner von der Schlei" title="Trampelpfad"> </a> <figcaption class="detail_list"> <ul> <li class="title">Trampelpfad</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> 20.03.2015 16:05 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Quay-Cottage-im-Abendlicht-ec409724bfe658c07bf5781581aeae45"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Gqkzy2OKvi1Ggh2Z60t75q0H0kE/gallery/Quay-Cottage-im-Abendlicht.jpg" alt="Quay Cottage im Abendlicht von hohippos" title="Quay Cottage im Abendlicht"> </a> <figcaption class="detail_list"> <ul> <li class="title">Quay Cottage im Abendlicht</li> <li class="user"> von <a href="/foto/galerie/benutzer/465073/fotos/">hohippos</a> </li> <li class="upload_date"> 18.03.2015 21:53 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/upside-down-SW-903caa414eb7c19e066f9663e2729f0e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/3i967Qavq7TNPHjHIgAP4yxmooY/gallery/upside-down-SW.jpg" alt="upside down (SW) von Torsten Jung" title="upside down (SW)"> </a> <figcaption class="detail_list"> <ul> <li class="title">upside down (SW)</li> <li class="user"> von <a href="/foto/galerie/benutzer/545688/fotos/">Torsten Jung</a> </li> <li class="upload_date"> 17.03.2015 22:45 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gerste-38de373c6e2f472f800bfa07ee97355d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/al3NjPppOqljE0w3jcEn5xLutm8/gallery/Gerste.jpg" alt="Gerste von Reiner von der Schlei" title="Gerste"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gerste</li> <li class="user"> von <a href="/foto/galerie/benutzer/474597/fotos/">Reiner von der Schlei</a> </li> <li class="upload_date"> 17.03.2015 19:50 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Black-Swan-c535ebbc4d6f1e8749eef987c0f2ed21"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/iTuiCdJbiqn1id21wcCelm0vbgg/gallery/Black-Swan.jpg" alt="Black Swan von Torsten Jung" title="Black Swan"> </a> <figcaption class="detail_list"> <ul> <li class="title">Black Swan</li> <li class="user"> von <a href="/foto/galerie/benutzer/545688/fotos/">Torsten Jung</a> </li> <li class="upload_date"> 10.03.2015 22:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Winterbild-131c97643543ee70e35b0d18c554e529"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/pDK66DiiA2rAF0sCtBLiNCqQPdI/gallery/Winterbild.jpg" alt="Winterbild von kapitaen" title="Winterbild"> </a> <figcaption class="detail_list"> <ul> <li class="title">Winterbild</li> <li class="user"> von <a href="/foto/galerie/benutzer/87347/fotos/">kapitaen</a> </li> <li class="upload_date"> 03.03.2015 10:04 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bergwiese-a3c20b88a5af30a57cc11708acbdb3ef"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ma7D1W9c2WBejKIlUGLMoqQ1qio/gallery/Bergwiese.jpg" alt="Bergwiese von robm" title="Bergwiese"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bergwiese</li> <li class="user"> von <a href="/foto/galerie/benutzer/591009/fotos/">robm</a> </li> <li class="upload_date"> 01.03.2015 15:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Seeufer-caf2832c3dcc8322d2eee79079488a17"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AgT39jx5UANFrQawRF6PXPRWKrk/gallery/Seeufer.jpg" alt="Seeufer von wanderferdi" title="Seeufer"> </a> <figcaption class="detail_list"> <ul> <li class="title">Seeufer</li> <li class="user"> von <a href="/foto/galerie/benutzer/576064/fotos/">wanderferdi</a> </li> <li class="upload_date"> 16.02.2015 21:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Baum-sw-0eb2c84c218230d6db0807e4963bb5ab"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/K7j1BiEgG5plv5vjMMtbL5zNnhY/gallery/Baum-sw.jpg" alt="Baum-sw von Herrlich" title="Baum-sw"> </a> <figcaption class="detail_list"> <ul> <li class="title">Baum-sw</li> <li class="user"> von <a href="/foto/galerie/benutzer/104585/fotos/">Herrlich</a> </li> <li class="upload_date"> 05.02.2015 19:38 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Digitaler-Fussabdruck-01c37d6c0240e9eaf431ffa8668a4ca5"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/VidFejfGpYNpdygudSliNG2KVD8/gallery/Digitaler-Fussabdruck.jpg" alt="Digitaler Fußabdruck von Herrlich" title="Digitaler Fußabdruck"> </a> <figcaption class="detail_list"> <ul> <li class="title">Digitaler Fußabdruck</li> <li class="user"> von <a href="/foto/galerie/benutzer/104585/fotos/">Herrlich</a> </li> <li class="upload_date"> 03.02.2015 23:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/verlassener-Garten-abandoned-garden-3dd94fe31c174a4b86122a662fc7a806"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/SYTReYRcJIvii9i7RgF3zXjrwNM/gallery/verlassener-Garten-abandoned-garden.jpg" alt="verlassener Garten / abandoned garden von fiatluchs" title="verlassener Garten / abandoned garden"> </a> <figcaption class="detail_list"> <ul> <li class="title">verlassener Garten / abandoned garden</li> <li class="user"> von <a href="/foto/galerie/benutzer/548685/fotos/">fiatluchs</a> </li> <li class="upload_date"> 03.02.2015 18:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Winter-32691ced832c9eeeadd386ebf81bd8f2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ojCyokmhE2MK93mtDnxQroH0oN4/gallery/Winter.jpg" alt="~Winter~ von Andreas Vöge" title="~Winter~"> </a> <figcaption class="detail_list"> <ul> <li class="title">~Winter~</li> <li class="user"> von <a href="/foto/galerie/benutzer/532950/fotos/">Andreas Vöge</a> </li> <li class="upload_date"> 31.01.2015 20:06 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Natur-37/?offset=47&sortierung=meistkommentierte" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=meistkommentierte1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=meistkommentierte46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=meistkommentierte47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=meistkommentierte48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>