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">Iconografie</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=56">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=56" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=56">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=56">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=56">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=56">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/The-Bar-054a3f0b0928f03abc785604d3649609"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/P2i8LEtKiFpZvouVHif7fYAik4I/gallery/The-Bar.jpg" alt="The Bar von Dyba" title="The Bar"> </a> <figcaption class="detail_list"> <ul> <li class="title">The Bar</li> <li class="user"> von <a href="/foto/galerie/benutzer/525794/fotos/">Dyba</a> </li> <li class="upload_date"> 03.06.2016 23:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Endlich-die-Deutsche-Bank-sorgt-fuer-Transparenz-f7ef28ea739711ae4ee0757ee4e8d67e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ifSvjcTayD3EdKczq3z4s5eZDh4/gallery/Endlich-die-Deutsche-Bank-sorgt-fuer-Transparenz.jpg" alt="Endlich – die Deutsche Bank sorgt für Transparenz von Rontrus" title="Endlich – die Deutsche Bank sorgt für Transparenz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Endlich – die Deutsche Bank sorgt für Transparenz</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 01.06.2016 07:43 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Regenschirm-902f4111ed0b441926ac259a86ccb7b9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tkIizKD03TAQic1ai6XBHAYfd9g/gallery/Regenschirm.jpg" alt="Regenschirm von Rontrus" title="Regenschirm"> </a> <figcaption class="detail_list"> <ul> <li class="title">Regenschirm</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 30.05.2016 10:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Brauserbasierte-Aepp-7f9b16a8c062439ef333ed8f8c3202f9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/VPSi2Yi9nX9e81ixi5AzyvihP8M/gallery/Brauserbasierte-Aepp.jpg" alt="Brauserbasierte Äpp von Rontrus" title="Brauserbasierte Äpp"> </a> <figcaption class="detail_list"> <ul> <li class="title">Brauserbasierte Äpp</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 05.05.2016 15:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/La-Fleur-du-Mal-a13451fb8e29fde4b61305c45a8c74de"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/5eKY7Q0tOk84MgyA8hGy6WPcgB0/gallery/La-Fleur-du-Mal.jpg" alt="La Fleur du Mal von Rontrus" title="La Fleur du Mal"> </a> <figcaption class="detail_list"> <ul> <li class="title">La Fleur du Mal</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 02.05.2016 10:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Demnaechst-Neueroeffnung-b0625f566ee2786e886ed6dd6e2ee8ba"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/K8HIKdjXKimlpYJyHmcJL78ksxE/gallery/Demnaechst-Neueroeffnung.jpg" alt="Demnächst Neueröffnung! von Rontrus" title="Demnächst Neueröffnung!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Demnächst Neueröffnung!</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 20.04.2016 10:53 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Kontaktanbahnung-36fdb7ab51c8c7ea1e66054282b5eeb0"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/TNi5sdJ31NB5jgRT8fDW2QzPNlg/gallery/Kontaktanbahnung.jpg" alt="Kontaktanbahnung von Rontrus" title="Kontaktanbahnung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kontaktanbahnung</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 19.04.2016 09:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-Afrikareisende-e3a15e355856d07fd56f9da71ceb3a33"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/rAdYDNVhiNaXanMhgSrxqrAEqpU/gallery/Der-Afrikareisende.jpg" alt="Der Afrikareisende von Rontrus" title="Der Afrikareisende"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Afrikareisende</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 10.04.2016 14:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kueche-ist-29b9072492cbeedde58ba6d0b19b31b9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vyIDc6WIEkiBPCliqiz0cg9Ht8w/gallery/Kueche-ist.jpg" alt="Küche ist ... von Rontrus" title="Küche ist ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Küche ist ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 03.04.2016 11:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Teddy-sehnt-sich-0e0257b699174e03d0842c479c8d814a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/zieZ6sdbiuZWG8qCyij90LS91YI/gallery/Teddy-sehnt-sich.jpg" alt="Teddy sehnt sich von Rontrus" title="Teddy sehnt sich"> </a> <figcaption class="detail_list"> <ul> <li class="title">Teddy sehnt sich</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 01.04.2016 07:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/What-s-inside-827ccc674f55b163355c774f72156adf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2gKeE6MwD5J5nVdIdebpkPvubeY/gallery/What-s-inside.jpg" alt="What's inside? von thomasrown" title="What's inside?"> </a> <figcaption class="detail_list"> <ul> <li class="title">What's inside?</li> <li class="user"> von <a href="/foto/galerie/benutzer/695816/fotos/">thomasrown</a> </li> <li class="upload_date"> 24.03.2016 08:53 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Der-Goldene-Schnitt-a8e8cba450d23ca45cd32fda6ce2614f"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/y3cSOzd0Ljjl9K4XAr1AyFrUE6I/gallery/Der-Goldene-Schnitt.jpg" alt="Der Goldene Schnitt von Vice Versa" title="Der Goldene Schnitt"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Goldene Schnitt</li> <li class="user"> von <a href="/foto/galerie/benutzer/538414/fotos/">Vice Versa</a> </li> <li class="upload_date"> 14.03.2016 10:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Melancholia-26a90fd6d230619a93d1b23883cbf517"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FVQG9PvrQWcH3cjNfqaEsuCOd5U/gallery/Melancholia.jpg" alt="Melancholia von Rontrus" title="Melancholia"> </a> <figcaption class="detail_list"> <ul> <li class="title">Melancholia</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 30.01.2016 10:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Burmese-Impressions-III-935a73e94dd9ca1fb9eea5fb06fa8489"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/orzucEdYGfJIk41OLmYqs6f928o/gallery/Burmese-Impressions-III.jpg" alt="Burmese Impressions III von ispin" title="Burmese Impressions III"> </a> <figcaption class="detail_list"> <ul> <li class="title">Burmese Impressions III</li> <li class="user"> von <a href="/foto/galerie/benutzer/608771/fotos/">ispin</a> </li> <li class="upload_date"> 25.01.2016 20:59 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Print-wirkt-18273f17be2c7532d1991f70434a9392"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/UI6GkbD5AUk7Sd5A9CcaG7GbXh0/gallery/Print-wirkt.jpg" alt="Print wirkt! von Rontrus" title="Print wirkt!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Print wirkt!</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 05.01.2016 08:02 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Auszufuellen-97c0462f3010111ff87136eb3d45cd69"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CJc0qzuVsmCik8lKruNe15a5iTg/gallery/Auszufuellen.jpg" alt="Auszufüllen von Rontrus" title="Auszufüllen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Auszufüllen</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 24.12.2015 12:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Weihnachtssterne-63b406a48e7611d6ae086358fd6d901c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2JGBHUod8gwLwdNmrVw1xJaC2kg/gallery/Weihnachtssterne.jpg" alt="Weihnachtssterne von Rontrus" title="Weihnachtssterne"> </a> <figcaption class="detail_list"> <ul> <li class="title">Weihnachtssterne</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 27.11.2015 11:14 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Green-Man-Group-37dcac5b17aeaef811d01fa2fcf16b85"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/xp9iaYQunSJMDRg8pB8gTx96sLY/gallery/Green-Man-Group.jpg" alt="Green-Man-Group von Volker G" title="Green-Man-Group"> </a> <figcaption class="detail_list"> <ul> <li class="title">Green-Man-Group</li> <li class="user"> von <a href="/foto/galerie/benutzer/473266/fotos/">Volker G</a> </li> <li class="upload_date"> 28.09.2015 19:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Annaeherung-b80b3d625c3780b9d63e9c3ca532e5cf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tc8EBKxOon3fgTplR0OrK3p84uQ/gallery/Die-Annaeherung.jpg" alt="Die Annäherung von Vice Versa" title="Die Annäherung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Annäherung</li> <li class="user"> von <a href="/foto/galerie/benutzer/538414/fotos/">Vice Versa</a> </li> <li class="upload_date"> 04.09.2015 09:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Michelin-7ffca0f18edfa17a78ea8157cb9e5e1d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sDH8BlcSvCsWULDVC545iUnaSJ8/gallery/Michelin.jpg" alt="Michelin von ispin" title="Michelin"> </a> <figcaption class="detail_list"> <ul> <li class="title">Michelin</li> <li class="user"> von <a href="/foto/galerie/benutzer/608771/fotos/">ispin</a> </li> <li class="upload_date"> 09.07.2015 10:04 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ist-gar-nicht-fuenf-vor-zwoelf-3d9a30bb7df6d2065e244c1d4620bcdc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xGNw9BhBnHji3DMVhWipQutRhpQ/gallery/Ist-gar-nicht-fuenf-vor-zwoelf.jpg" alt="Ist gar nicht fünf vor zwölf von Rontrus" title="Ist gar nicht fünf vor zwölf"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ist gar nicht fünf vor zwölf</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 11.06.2015 08:30 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=6" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=5">5</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=6">6</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=7">7</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=8">8</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=9">9</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=20">20</a></li> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=8" class="page_more">Weiter</a></li> </ul> </div>