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 col1"> <figure> <a href="/foto/galerie/foto/Mutprobe-ce029361fb271b848b725b825b8615f8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/w7Xi8SkJGaaB8img7l80Rp9BpRQ/gallery/Mutprobe.jpg" alt="Mutprobe von Suchbild" title="Mutprobe"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mutprobe</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 10.08.2011 21:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stimmt-s-18-b7cc70d65d837567ab182a3454746cd2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jjk8cD30uhzPhsN04GcEdi8zqhM/gallery/Stimmt-s-18.jpg" alt="Stimmt's? 18 von Suchbild" title="Stimmt's? 18"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 18</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 08.08.2011 06:34 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Stimmt-s-16-3285f6aa852b9be2635a74a057bd62a9"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/J2vqR1GCZJf0QujvqdcLA1E7iEE/gallery/Stimmt-s-16.jpg" alt="Stimmt's? 16 von Suchbild" title="Stimmt's? 16"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 16</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 05.08.2011 06:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Anleitung-8c5ae38627689f4b7fa852c89151482c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6Aib3YBebhuRo96NUsqAq1jGB5I/gallery/Anleitung.jpg" alt="Anleitung von Suchbild" title="Anleitung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Anleitung</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 31.07.2011 14:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Hinter-der-Fassade-4-b328f92874b9d3bf98bc1e9352446251"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AUPqiniMet4TTct0oFBp0G6LWCM/gallery/Hinter-der-Fassade-4.jpg" alt="Hinter der Fassade 4 von Suchbild" title="Hinter der Fassade 4"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hinter der Fassade 4</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 27.07.2011 23:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fest-verankert-ffa8b2bd85b895b9a5c667cd72ae0a00"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/E0ZiYhJY1LAx2YItD1bippE8y3M/gallery/Fest-verankert.jpg" alt="Fest verankert von Suchbild" title="Fest verankert"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fest verankert</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 26.07.2011 20:02 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stimmt-s-15-97cfc2dfb196f6d2d3184129da3b83cb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QqdFdlCxPigfoMhv4HNotN7lt3Y/gallery/Stimmt-s-15.jpg" alt="Stimmt's? 15 von Suchbild" title="Stimmt's? 15"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 15</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 25.07.2011 21:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kraehenschiessen-6f4940c3226cf8d9904dbb3601570eb7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/98Lg9wmZo1fw6xNQW6LaBnJBkic/gallery/Kraehenschiessen.jpg" alt="Krähenschießen von Zarik Ebel" title="Krähenschießen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Krähenschießen</li> <li class="user"> von <a href="/foto/galerie/benutzer/477520/fotos/">Zarik Ebel</a> </li> <li class="upload_date"> 24.07.2011 19:37 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Hinter-der-Fassade-3-79d89793de31cc3e476431e5128aa274"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/cp9aquXGtswCkVPwKbliVf1wH8M/gallery/Hinter-der-Fassade-3.jpg" alt="Hinter der Fassade 3 von Suchbild" title="Hinter der Fassade 3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hinter der Fassade 3</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 24.07.2011 16:55 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Herbe-Kritik-81ee7b58abaf03f103cd333acdc67cfc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/cUDB6DiDqWMX0oobLDVNu3ifVL4/gallery/Herbe-Kritik.jpg" alt="Herbe Kritik von Suchbild" title="Herbe Kritik"> </a> <figcaption class="detail_list"> <ul> <li class="title">Herbe Kritik</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 21.07.2011 23:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Book-Crossing-2-8df751346d836423e71fd1d876c07cd5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/XnFxvFHlKSKbEnWYiS8CGJGAoy8/gallery/Book-Crossing-2.jpg" alt="Book Crossing 2 von Sönke Luck" title="Book Crossing 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Book Crossing 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.07.2011 00:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Book-Crossing-1-275b08a7c5117a95500b269ee1b1edc6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6uPXi4iE8O2sHoXF8YngCiXALiY/gallery/Book-Crossing-1.jpg" alt="Book Crossing 1 von Sönke Luck" title="Book Crossing 1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Book Crossing 1</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.07.2011 00:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Red-nose-meets-carrot-b2c47c7b92765d833a5887e0d1644215"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/xXaiCskeyyApQfiqGwe0FRbAjis/gallery/Red-nose-meets-carrot.jpg" alt="Red nose meets carrot von Sönke Luck" title="Red nose meets carrot"> </a> <figcaption class="detail_list"> <ul> <li class="title">Red nose meets carrot</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.07.2011 00:51 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/2011-gehoert-den-Mutigen-7231115b1b6d4ecaa69dcc611e7d7521"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/3OLLNz2k2Po5PuW4ev2KEydyiio/gallery/2011-gehoert-den-Mutigen.jpg" alt="2011 gehört den Mutigen von Sönke Luck" title="2011 gehört den Mutigen"> </a> <figcaption class="detail_list"> <ul> <li class="title">2011 gehört den Mutigen</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.07.2011 00:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Be-happy-2e636025550a8227481dced4f7b8478e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/TAiphPHeMe6XKFIEkwrrAqw59k0/gallery/Be-happy.jpg" alt="Be happy von Sönke Luck" title="Be happy"> </a> <figcaption class="detail_list"> <ul> <li class="title">Be happy</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.07.2011 00:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Weltzeituhr-8450b2f4991dea904201ddbac721433d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/YdlWz5GDHDGi4utiMeFN66JJ70c/gallery/Weltzeituhr.jpg" alt="Weltzeituhr von Sönke Luck" title="Weltzeituhr"> </a> <figcaption class="detail_list"> <ul> <li class="title">Weltzeituhr</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 15.07.2011 02:32 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bunker-Sanitaere-Anlage-II-bcde8d34e221de463f9c1b5290cf3e12"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ywKwKki8pjEjLceHoDLEXhs94k0/gallery/Bunker-Sanitaere-Anlage-II.jpg" alt="Bunker, Sanitäre Anlage II von Sönke Luck" title="Bunker, Sanitäre Anlage II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bunker, Sanitäre Anlage II</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.07.2011 01:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bunker-Krankenstation-40e2161e2ebb2f85d3125e94bc5de8fe"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6PnXPj7pdicRLif6wkZw4CTJiXI/gallery/Bunker-Krankenstation.jpg" alt="Bunker, Krankenstation von Sönke Luck" title="Bunker, Krankenstation"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bunker, Krankenstation</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.07.2011 01:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bunker-Sanitaere-Anlage-I-ac85d7fa3626fc9eaaaf770e236b639a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QGR05MVNm3wiIXFvxoBjujfdBiE/gallery/Bunker-Sanitaere-Anlage-I.jpg" alt="Bunker, Sanitäre Anlage I von Sönke Luck" title="Bunker, Sanitäre Anlage I"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bunker, Sanitäre Anlage I</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.07.2011 01:23 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Bunker-Betten-f5d276e8f1b1f6d9779220b03fd54e75"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/jj2i5aRjdy2oqfsVZ292fiBWKts/gallery/Bunker-Betten.jpg" alt="Bunker, Betten von Sönke Luck" title="Bunker, Betten"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bunker, Betten</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.07.2011 01:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bunker-Schutzmasken-12c312ad29cf62c2b8b97af8dbcf3ad2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/582go7TTIYtljAuEIifpdcFCfzw/gallery/Bunker-Schutzmasken.jpg" alt="Bunker, Schutzmasken von Sönke Luck" title="Bunker, Schutzmasken"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bunker, Schutzmasken</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.07.2011 01:23 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=10" 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=9">9</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=10">10</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=11">11</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=12">12</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=13">13</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=12" class="page_more">Weiter</a></li> </ul> </div>