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 class="active" 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 col1"> <figure> <a href="/foto/galerie/foto/Im-Walde-II-d1ae7d5bbe353cf3169be695581fa024"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qZjWzPpcRLYwqmVm6WlSdPHGx2Q/gallery/Im-Walde-II.jpg?bypass=eNqrVirJzE1VsjI0MTYyMLEwNDLWUcpMUbJSKozKCq8KKEgO8oksL8wNyzULzwlOCfBwrzAKVKoFALFoEJ8%3D_X_eeed0fac5e9420fa881b" alt="Im Walde II von Renewee" title="Im Walde II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Walde II</li> <li class="user"> von <a href="/foto/galerie/benutzer/424281/fotos/">Renewee</a> </li> <li class="upload_date"> 06.03.2009 20:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Nur-noch-drei-Monate-a5aa4304f849009e38a0cc3252c5c6ed"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6xDiOQj02tORTKwjHK5UELwQpiA/gallery/Nur-noch-drei-Monate.jpg" alt="Nur noch drei Monate! von 107sl" title="Nur noch drei Monate!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Nur noch drei Monate!</li> <li class="user"> von <a href="/foto/galerie/benutzer/423356/fotos/">107sl</a> </li> <li class="upload_date"> 09.02.2011 20:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wasser-im-Fallen-SW-c2cd614ea5267d3b1d185487aa8570f1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/OcGr9i4u9wiKG9hE9aLKZQ3O1Wc/gallery/Wasser-im-Fallen-SW.jpg" alt="Wasser im Fallen SW von MrBig" title="Wasser im Fallen SW"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wasser im Fallen SW</li> <li class="user"> von <a href="/foto/galerie/benutzer/178644/fotos/">MrBig</a> </li> <li class="upload_date"> 24.09.2011 13:35 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Heimat-ist-wo-man-fest-verwurzelt-e046800050f6681fbb74b8604c41b134"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/lBTqtE7iHNDfyhjLoqdCvqHg6ms/gallery/Heimat-ist-wo-man-fest-verwurzelt.jpg" alt="Heimat ist, wo man fest verwurzelt von feddy" title="Heimat ist, wo man fest verwurzelt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Heimat ist, wo man fest verwurzelt</li> <li class="user"> von <a href="/foto/galerie/benutzer/537721/fotos/">feddy</a> </li> <li class="upload_date"> 18.07.2015 09:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/wogende-See-8d5d09d094e09c0fe2f281dde64f1df3"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/b2bkalpiqZCtX24X9uOkpPuCdSw/gallery/wogende-See.jpg" alt="wogende See von xUweBx" title="wogende See"> </a> <figcaption class="detail_list"> <ul> <li class="title">wogende See</li> <li class="user"> von <a href="/foto/galerie/benutzer/593366/fotos/">xUweBx</a> </li> <li class="upload_date"> 18.12.2017 04:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-eine-Stein-der-anders-war-a3340efbfe597257b80c77451ca97e3f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/1vJYisVeXxsZ2mpoTqwoDN3rP1s/gallery/Der-eine-Stein-der-anders-war.jpg" alt="Der eine Stein, der anders war. von HighOnBonsai" title="Der eine Stein, der anders war."> </a> <figcaption class="detail_list"> <ul> <li class="title">Der eine Stein, der anders war.</li> <li class="user"> von <a href="/foto/galerie/benutzer/224335/fotos/">HighOnBonsai</a> </li> <li class="upload_date"> 11.07.2011 19:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Weg-zum-Schlangenkapellchen-2038c7701c7e3681fa523b82dd9d7edc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0C29ui2ZEiu0zaeYcL5rbwPycF0/gallery/Weg-zum-Schlangenkapellchen.jpg" alt="Weg zum Schlangenkapellchen von Rene Hilgers" title="Weg zum Schlangenkapellchen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Weg zum Schlangenkapellchen</li> <li class="user"> von <a href="/foto/galerie/benutzer/567478/fotos/">Rene Hilgers</a> </li> <li class="upload_date"> 24.01.2015 00:12 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Saale-1727161f4bf20f0ae4d7336e0b5e2ed6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4mDQyHWj46ukVKkTAaDuK7dBcq4/gallery/Saale.jpg?bypass=eNqrVirJzE1VsjI0MTYyMDGxMDXVUcpMUbJSMsl1Caz0CM8yMSvNDvPODnFMdCn1Nk9xSi40UaoFAJ%2BAD9I%3D_X_97ba45467e5b7ea2a400" alt="Saale von Pins" title="Saale"> </a> <figcaption class="detail_list"> <ul> <li class="title">Saale</li> <li class="user"> von <a href="/foto/galerie/benutzer/487074/fotos/">Pins</a> </li> <li class="upload_date"> 27.08.2010 15:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-versteckte-Bergsee-f92b01d2a75588c9cd7cc5c08d60ee79"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/m8URvZMOTP0RAXWhTJ4llxCznAk/gallery/Der-versteckte-Bergsee.jpg" alt="Der versteckte Bergsee von Kai Hormann" title="Der versteckte Bergsee"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der versteckte Bergsee</li> <li class="user"> von <a href="/foto/galerie/benutzer/457472/fotos/">Kai Hormann</a> </li> <li class="upload_date"> 05.05.2011 22:02 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/On-the-beach-86e5fa59bef5c2171724f518eb3a4166"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/aNbJMQswspEKdWTipFtWbCAHAiU/gallery/On-the-beach.jpg" alt="On the beach von Andreas Pe." title="On the beach"> </a> <figcaption class="detail_list"> <ul> <li class="title">On the beach</li> <li class="user"> von <a href="/foto/galerie/benutzer/526742/fotos/">Andreas Pe.</a> </li> <li class="upload_date"> 26.09.2012 19:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Natur-Skulptur-dc8c5af5218319e429646eeb91bb8323"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/w55eG9npX2QGu6nggdlNtHZltXI/gallery/Natur-Skulptur.jpg" alt="Natur Skulptur von deecon" title="Natur Skulptur"> </a> <figcaption class="detail_list"> <ul> <li class="title">Natur Skulptur</li> <li class="user"> von <a href="/foto/galerie/benutzer/114309/fotos/">deecon</a> </li> <li class="upload_date"> 26.12.2015 21:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Moor-a3fcd2a8896eee2d47e112d512d40372"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9lidKWUeiCOoySmnqSau5vTpxUU/gallery/Im-Moor.jpg" alt="Im Moor. von Thomas Brahtel" title="Im Moor."> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Moor.</li> <li class="user"> von <a href="/foto/galerie/benutzer/1273183/fotos/">Thomas Brahtel</a> </li> <li class="upload_date"> 27.02.2021 22:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Paradeiser-7e9006153d1f80826411fc9519bb0b29"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/h55rToHHTXyv0ZUncBS0FMPiELg/gallery/Paradeiser.jpg" alt="Paradeiser von feddy" title="Paradeiser"> </a> <figcaption class="detail_list"> <ul> <li class="title">Paradeiser</li> <li class="user"> von <a href="/foto/galerie/benutzer/537721/fotos/">feddy</a> </li> <li class="upload_date"> 24.08.2015 00:02 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Natur-37/?offset=47&sortierung=zufaellig" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=zufaellig1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=zufaellig46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=zufaellig47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Natur-37/?offset=&sortierung=zufaellig48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>