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/streetart-3878af14611726841471b2f42973ddfc"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/T1INhNird9pGixJiyG4PV1Q4qt0/gallery/streetart.jpg" alt="streetart von BzudemO" title="streetart"> </a> <figcaption class="detail_list"> <ul> <li class="title">streetart</li> <li class="user"> von <a href="/foto/galerie/benutzer/428020/fotos/">BzudemO</a> </li> <li class="upload_date"> 26.03.2009 21:07 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Butterfly-Girl-074a8b87e47e54ca0c2fb951b2369d76"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/nmhO15OlM1RrnPYeQfVUoyojgfM/gallery/Butterfly-Girl.jpg" alt="Butterfly Girl von Flycs" title="Butterfly Girl"> </a> <figcaption class="detail_list"> <ul> <li class="title">Butterfly Girl</li> <li class="user"> von <a href="/foto/galerie/benutzer/73508/fotos/">Flycs</a> </li> <li class="upload_date"> 23.03.2009 10:04 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hund-entlaufen-0099ffcfad0970cad5fa20655ceae6e5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/l3eZiSImLbB1hr15tKqUi02SxWo/gallery/Hund-entlaufen.jpg" alt="Hund entlaufen von " title="Hund entlaufen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hund entlaufen</li> <li class="user"> von <a href="/foto/galerie/benutzer/422884/fotos/"> </a> </li> <li class="upload_date"> 16.03.2009 23:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hauskunst-f92348921d8f544d036e8ea3381c52d1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9LWKDVZqphT9afRLe7xqoZWdQtM/gallery/Hauskunst.jpg" alt="Hauskunst von MxxxIN" title="Hauskunst"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hauskunst</li> <li class="user"> von <a href="/foto/galerie/benutzer/425120/fotos/">MxxxIN</a> </li> <li class="upload_date"> 10.03.2009 21:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mann-an-Toilettentuer-97ff1c9d4476dec7e57f6b4ad3817e08"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/EBxFS9bWPNGEzhcxiCVQOC2liCw/gallery/Mann-an-Toilettentuer.jpg" alt="Mann an Toilettentür von circuit-bending.de" title="Mann an Toilettentür"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mann an Toilettentür</li> <li class="user"> von <a href="/foto/galerie/benutzer/416143/fotos/">circuit-bending.de</a> </li> <li class="upload_date"> 05.03.2009 11:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Frau-an-Toilettentuer-96227e0895abf14c74a789e3f2636146"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iPfQRiLRp23LUbpmOHHXihBwqbs/gallery/Frau-an-Toilettentuer.jpg" alt="Frau an Toilettentür von circuit-bending.de" title="Frau an Toilettentür"> </a> <figcaption class="detail_list"> <ul> <li class="title">Frau an Toilettentür</li> <li class="user"> von <a href="/foto/galerie/benutzer/416143/fotos/">circuit-bending.de</a> </li> <li class="upload_date"> 05.03.2009 11:03 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/I-AM-FREE-ff00bafe189b28d894b8486e4d458f6e"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/QiCE3zHpxA5g5lD7SCcPqN5n6ys/gallery/I-AM-FREE.jpg" alt="I AM FREE von h5b9" title="I AM FREE"> </a> <figcaption class="detail_list"> <ul> <li class="title">I AM FREE</li> <li class="user"> von <a href="/foto/galerie/benutzer/422733/fotos/">h5b9</a> </li> <li class="upload_date"> 02.03.2009 23:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ein-Platz-fuer-Kinder-25afeba60c13f49008ed34e066ef907e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aJs2oCtq0wPEH1DF2iZsPm87xTo/gallery/Ein-Platz-fuer-Kinder.jpg" alt="Ein Platz für Kinder von borbagato" title="Ein Platz für Kinder"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ein Platz für Kinder</li> <li class="user"> von <a href="/foto/galerie/benutzer/423631/fotos/">borbagato</a> </li> <li class="upload_date"> 02.03.2009 16:33 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Direction-53b777d41a3f168c3a9e2aecd85ecc06"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7Cl4Qo3UmmeRMxucDecHpOb3was/gallery/Direction.jpg" alt="Direction von Zuckerblau" title="Direction"> </a> <figcaption class="detail_list"> <ul> <li class="title">Direction</li> <li class="user"> von <a href="/foto/galerie/benutzer/423487/fotos/">Zuckerblau</a> </li> <li class="upload_date"> 02.03.2009 14:21 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Berlin-Hauptbahnhof-cb2593f7675b768a906f42a3c6e590c2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ipTMB5wIeJmBNBuE9bSOuVo3pNE/gallery/Berlin-Hauptbahnhof.jpg" alt="Berlin Hauptbahnhof von guidogames" title="Berlin Hauptbahnhof"> </a> <figcaption class="detail_list"> <ul> <li class="title">Berlin Hauptbahnhof</li> <li class="user"> von <a href="/foto/galerie/benutzer/422991/fotos/">guidogames</a> </li> <li class="upload_date"> 01.03.2009 23:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Vote-for-Obama-c24414861f8d75ba4251d9d97fb304eb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/GiUO1J31LNDir36qWbgBCiri06w/gallery/Vote-for-Obama.jpg" alt="Vote for Obama von Konrad79" title="Vote for Obama"> </a> <figcaption class="detail_list"> <ul> <li class="title">Vote for Obama</li> <li class="user"> von <a href="/foto/galerie/benutzer/423321/fotos/">Konrad79</a> </li> <li class="upload_date"> 01.03.2009 13:22 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schild-91cd62fc523e08f9f57f73093484b563"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/FNqJm5gOifOeS9QeGi3b14sjUWQ/gallery/Schild.jpg" alt="Schild von Konrad79" title="Schild"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schild</li> <li class="user"> von <a href="/foto/galerie/benutzer/423321/fotos/">Konrad79</a> </li> <li class="upload_date"> 01.03.2009 13:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Parken-verboten-bbbaebe84b007e806718f62804b27ee1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/i8YAitw2Vb7Tl19vQg8xeddhK5M/gallery/Parken-verboten.jpg" alt="Parken verboten von Konrad79" title="Parken verboten"> </a> <figcaption class="detail_list"> <ul> <li class="title">Parken verboten</li> <li class="user"> von <a href="/foto/galerie/benutzer/423321/fotos/">Konrad79</a> </li> <li class="upload_date"> 01.03.2009 13:21 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fading-Signs-I-7c6c2605255c26862e173291050c3ac5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uqVpfz1zZ6LYMXl3ERU4kMGBpmo/gallery/Fading-Signs-I.jpg" alt="Fading Signs I von Konrad79" title="Fading Signs I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fading Signs I</li> <li class="user"> von <a href="/foto/galerie/benutzer/423321/fotos/">Konrad79</a> </li> <li class="upload_date"> 01.03.2009 12:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fading-Signs-II-28bc7f5b25b7098cef2689cde726c57d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PaiHnpgLTZaqazegRTlJ4NSU8Oc/gallery/Fading-Signs-II.jpg" alt="Fading Signs II von Konrad79" title="Fading Signs II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fading Signs II</li> <li class="user"> von <a href="/foto/galerie/benutzer/423321/fotos/">Konrad79</a> </li> <li class="upload_date"> 01.03.2009 12:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Irland-263-5cfa97ca0595b4c89c7b3f83843d8809"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QxhSbghiy1fYa0vg88egbiogTLQ/gallery/Irland-263.jpg" alt="Irland 263 von Udo Kobza" title="Irland 263"> </a> <figcaption class="detail_list"> <ul> <li class="title">Irland 263</li> <li class="user"> von <a href="/foto/galerie/benutzer/422568/fotos/">Udo Kobza</a> </li> <li class="upload_date"> 28.02.2009 20:03 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Beobachtet-d379872e49cf7dcd4544d91d5cccdef6"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/8ba0DeSJzXt07lbg71JVSiGt0Zs/gallery/Beobachtet.jpg" alt="Beobachtet von bildungskatastrophe" title="Beobachtet"> </a> <figcaption class="detail_list"> <ul> <li class="title">Beobachtet</li> <li class="user"> von <a href="/foto/galerie/benutzer/423139/fotos/">bildungskatastrophe</a> </li> <li class="upload_date"> 28.02.2009 17:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gesehen-in-Baldham-d415ee64a008a695853b15db865de26f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Jgn4OQpgCpwl7E5oiMhINiSi2hk/gallery/Gesehen-in-Baldham.jpg" alt="Gesehen in Baldham von FischC" title="Gesehen in Baldham"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gesehen in Baldham</li> <li class="user"> von <a href="/foto/galerie/benutzer/422689/fotos/">FischC</a> </li> <li class="upload_date"> 28.02.2009 13:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Leonardo-s-Man-and-the-Bicycle-Renaissance-27af99bd985045e92a11d2ca584d1f34"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0L9zoFkKZv5SwiJsZinb1R8aDGQ/gallery/Leonardo-s-Man-and-the-Bicycle-Renaissance.jpg" alt="Leonardo's Man and the Bicycle Renaissance von kulinux" title="Leonardo's Man and the Bicycle Renaissance"> </a> <figcaption class="detail_list"> <ul> <li class="title">Leonardo's Man and the Bicycle Renaissance</li> <li class="user"> von <a href="/foto/galerie/benutzer/40009/fotos/">kulinux</a> </li> <li class="upload_date"> 27.02.2009 16:54 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/www-german-street-art-com-b9d34c853e8c4b022346110b0610a5ad"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/atAFWon52SQW1h1EcNTREZM5Tng/gallery/www-german-street-art-com.jpg" alt="www.german-street-art.com von Maxomat" title="www.german-street-art.com"> </a> <figcaption class="detail_list"> <ul> <li class="title">www.german-street-art.com</li> <li class="user"> von <a href="/foto/galerie/benutzer/422263/fotos/">Maxomat</a> </li> <li class="upload_date"> 26.02.2009 20:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Metro-72581c61708b353120458f89a9709758"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vbnkt99vOQsCkatCcKDMJTv7ovs/gallery/Metro.jpg" alt="Metro von HermannK" title="Metro"> </a> <figcaption class="detail_list"> <ul> <li class="title">Metro</li> <li class="user"> von <a href="/foto/galerie/benutzer/422113/fotos/">HermannK</a> </li> <li class="upload_date"> 26.02.2009 15:22 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=18" 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=17">17</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=18">18</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=19">19</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=20">20</a></li> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=20" class="page_more">Weiter</a></li> </ul> </div>