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">Colorkey</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=77">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=77" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=77">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=77">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=77">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=77">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/Dinge-des-Alltags-103108890f605c8edf0ef4918218dc33"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LZ7khbQURwiJYvwHRXzyVaeTjVA/gallery/Dinge-des-Alltags.jpg" alt="Dinge des Alltags von Otto Hitzegrad" title="Dinge des Alltags"> </a> <figcaption class="detail_list"> <ul> <li class="title">Dinge des Alltags</li> <li class="user"> von <a href="/foto/galerie/benutzer/1042784/fotos/">Otto Hitzegrad</a> </li> <li class="upload_date"> 08.02.2024 06:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/roter-Baum-050f5e0986c310cf38a4340f43e56e91"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DSEzx92Ai5tdoSpeQRb7OAxdzis/gallery/roter-Baum.jpg" alt="roter Baum .... von claus-labenz" title="roter Baum ...."> </a> <figcaption class="detail_list"> <ul> <li class="title">roter Baum ....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 15.12.2023 12:28 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/early-one-morning-58d61dd94ca35bf21bbd2d521a098352"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/scSZQBnXSHOZP3ynqbXmWyJK0Rc/gallery/early-one-morning.jpg" alt="early one morning von Grabownik" title="early one morning"> </a> <figcaption class="detail_list"> <ul> <li class="title">early one morning</li> <li class="user"> von <a href="/foto/galerie/benutzer/563990/fotos/">Grabownik</a> </li> <li class="upload_date"> 07.11.2023 22:42 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/HH-Hafenstr-schoen-bunt-bc5a96e73a81e5a7e77260e180e1e0a4"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/EZG70VPi7GK3PadSzE4qDZzu5mQ/gallery/HH-Hafenstr-schoen-bunt.jpg" alt="HH, Hafenstr. - schön bunt.... von claus-labenz" title="HH, Hafenstr. - schön bunt...."> </a> <figcaption class="detail_list"> <ul> <li class="title">HH, Hafenstr. - schön bunt....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 27.10.2023 11:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/heute-kocht-wohl-jeder-8561cf7f90b7688ca120f98a6eadd87d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ZVFDy0R0wi92KguVjX1Urx5uKFI/gallery/heute-kocht-wohl-jeder.jpg" alt="heute kocht wohl jeder...... von claus-labenz" title="heute kocht wohl jeder......"> </a> <figcaption class="detail_list"> <ul> <li class="title">heute kocht wohl jeder......</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 24.08.2023 10:26 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/ge-kippt-0593006aa71b7322d3d8cd099ca56c6d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/okHptSdmc0LZvjkZPNPYWux2tGM/gallery/ge-kippt.jpg" alt="ge.kippt von offramp" title="ge.kippt"> </a> <figcaption class="detail_list"> <ul> <li class="title">ge.kippt</li> <li class="user"> von <a href="/foto/galerie/benutzer/1596251/fotos/">offramp</a> </li> <li class="upload_date"> 09.08.2023 21:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Waechter-der-Zeit-066ddf9a9f1d303466365c3e33611f82"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uXWpdAWUUPscjeslRn4LOHyNXiw/gallery/Waechter-der-Zeit.jpg" alt="Wächter der Zeit von Coola.Irrgang" title="Wächter der Zeit"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wächter der Zeit</li> <li class="user"> von <a href="/foto/galerie/benutzer/634544/fotos/">Coola.Irrgang</a> </li> <li class="upload_date"> 12.07.2023 19:05 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/a-limited-time-a7fdbed31206dfd20435d42694e2dc0b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/P9YhvcmvgCQNm616ZpnZ4Bgi1t0/gallery/a-limited-time.jpg" alt="a limited time von offramp" title="a limited time"> </a> <figcaption class="detail_list"> <ul> <li class="title">a limited time</li> <li class="user"> von <a href="/foto/galerie/benutzer/1596251/fotos/">offramp</a> </li> <li class="upload_date"> 22.06.2023 23:55 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Taxi-Roller-Fahrrad-18818e27502da27ec7e7432006683da8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/etXiwiQGH36imEkpxNmYiMuZoQs/gallery/Taxi-Roller-Fahrrad.jpg" alt="Taxi, Roller, Fahrrad von Roland Schirmer" title="Taxi, Roller, Fahrrad"> </a> <figcaption class="detail_list"> <ul> <li class="title">Taxi, Roller, Fahrrad</li> <li class="user"> von <a href="/foto/galerie/benutzer/1049512/fotos/">Roland Schirmer</a> </li> <li class="upload_date"> 09.05.2023 22:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Zug-reisend-Er-8bc8f05f4f4824f9fefeee0fd4df320d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YUmyI9YhYi5qLiYCLnNSEhG5o9I/gallery/Zug-reisend-Er.jpg" alt="Zug.reisend.Er von m a n n i x" title="Zug.reisend.Er"> </a> <figcaption class="detail_list"> <ul> <li class="title">Zug.reisend.Er</li> <li class="user"> von <a href="/foto/galerie/benutzer/499418/fotos/">m a n n i x</a> </li> <li class="upload_date"> 30.03.2023 13:12 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Spiegel-3b539e505c5702bcf3a8c03245516bab"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QHIxJXgF5ZDV6CjipMvwaC1lDNc/gallery/Spiegel.jpg" alt="Spiegel von Majestix" title="Spiegel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spiegel</li> <li class="user"> von <a href="/foto/galerie/benutzer/88411/fotos/">Majestix</a> </li> <li class="upload_date"> 21.02.2023 15:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Durchs-Nadeloehr-3a2b2eeeed7813378989b5e0fcc2098d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wxgnhm0w1EGUnia78pJa4FP0ML8/gallery/Durchs-Nadeloehr.jpg" alt="Durchs Nadelöhr von fotopassion" title="Durchs Nadelöhr"> </a> <figcaption class="detail_list"> <ul> <li class="title">Durchs Nadelöhr</li> <li class="user"> von <a href="/foto/galerie/benutzer/1010072/fotos/">fotopassion</a> </li> <li class="upload_date"> 22.10.2022 11:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tram-in-the-rain-a1eb6d6574744147af47bdf34862a869"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5r0XLVlydl3Sxc6g80aNk6RRCis/gallery/Tram-in-the-rain.jpg" alt="Tram in the rain von Joachim Kopatzki" title="Tram in the rain"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tram in the rain</li> <li class="user"> von <a href="/foto/galerie/benutzer/791084/fotos/">Joachim Kopatzki</a> </li> <li class="upload_date"> 16.10.2022 16:20 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/into-the-blue-312b2b416118128b195b319c66477bf4"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/EL0awUXgmUCG7RTaDhytDnmcqTI/gallery/into-the-blue.jpg" alt="into the blue von thofotomas" title="into the blue"> </a> <figcaption class="detail_list"> <ul> <li class="title">into the blue</li> <li class="user"> von <a href="/foto/galerie/benutzer/921861/fotos/">thofotomas</a> </li> <li class="upload_date"> 09.09.2022 19:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-Blaue-vom-Himmel-34b884fb2f8a6cf1231a37b8c6831edb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/hCKt7FMYNG9gsVpYlQwIYyMCaKs/gallery/Das-Blaue-vom-Himmel.jpg" alt="Das Blaue vom Himmel von Klicker3D" title="Das Blaue vom Himmel"> </a> <figcaption class="detail_list"> <ul> <li class="title">Das Blaue vom Himmel</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> 13.06.2022 14:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Pizzaservice-eea847b1482ca28c3cef13c77858542d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/G5HS2WBe6t7HlWTkWUQgvnGk7cs/gallery/Pizzaservice.jpg" alt="Pizzaservice..... von claus-labenz" title="Pizzaservice....."> </a> <figcaption class="detail_list"> <ul> <li class="title">Pizzaservice.....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 24.05.2022 16:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Wind-of-Change-867baec9a9f41e93b19d349200bfe8be"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/lXyip6iu7rE8BwnJzHAossezOtg/gallery/Wind-of-Change.jpg" alt="Wind of Change von Klicker3D" title="Wind of Change"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wind of Change</li> <li class="user"> von <a href="/foto/galerie/benutzer/872488/fotos/">Klicker3D</a> </li> <li class="upload_date"> 28.03.2022 09:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Empathie-80440ec3d0630362f1ec58cd0c53e080"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TRLYdBU9PahiiLq1bSCydw4qXAs/gallery/Empathie.jpg" alt="Empathie von baumfrosch" title="Empathie"> </a> <figcaption class="detail_list"> <ul> <li class="title">Empathie</li> <li class="user"> von <a href="/foto/galerie/benutzer/575663/fotos/">baumfrosch</a> </li> <li class="upload_date"> 15.03.2022 09:29 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schaufenster-2dc46917ff0be96c42a052f445ab85e9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/d6DSU94zzLyOYDbif5DvxpftQrc/gallery/Schaufenster.jpg" alt="Schaufenster... von claus-labenz" title="Schaufenster..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Schaufenster...</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 14.03.2022 12:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Farben-machen-lebendig-837d6780ae32aafdf2a360f137d79529"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qW1B9RaNre5RvYdfxu0oxsyyDsI/gallery/Farben-machen-lebendig.jpg" alt="Farben machen lebendig von Flächenkind" title="Farben machen lebendig"> </a> <figcaption class="detail_list"> <ul> <li class="title">Farben machen lebendig</li> <li class="user"> von <a href="/foto/galerie/benutzer/726128/fotos/">Flächenkind</a> </li> <li class="upload_date"> 13.03.2022 08:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Heikes-Regenschirm-4d20d8d045298cc3d4e8fa427c39c0a4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/fCLUwwqPBqvtejqM4ihmYtjtCyg/gallery/Heikes-Regenschirm.jpg" alt="Heikes Regenschirm.... von claus-labenz" title="Heikes Regenschirm...."> </a> <figcaption class="detail_list"> <ul> <li class="title">Heikes Regenschirm....</li> <li class="user"> von <a href="/foto/galerie/benutzer/1009864/fotos/">claus-labenz</a> </li> <li class="upload_date"> 15.12.2021 13:55 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Colorkey-77/?offset=1" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Colorkey-77/?offset=1">1</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Colorkey-77/?offset=2">2</a></li> <li class="page"><a href="/foto/galerie/rubrik/Colorkey-77/?offset=3">3</a></li> <li class="page"><a href="/foto/galerie/rubrik/Colorkey-77/?offset=4">4</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Colorkey-77/?offset=39">39</a></li> <li><a href="/foto/galerie/rubrik/Colorkey-77/?offset=3" class="page_more">Weiter</a></li> </ul> </div>