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/Daneben-631104d74711075aa0fdb493bb3295d9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ucAKRihOn8z4srTihBa0TCvrrYo/gallery/Daneben.jpg" alt="Daneben! von Suchbild" title="Daneben!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Daneben!</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 15.06.2011 20:17 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Wai-Missing-020d2cff0319b84610364a1ae4f09f82"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/rsiffbCzfcxJD7Oc2HHMB6PwaXw/gallery/Wai-Missing.jpg" alt="Wai Missing von Ferdydurke" title="Wai Missing"> </a> <figcaption class="detail_list"> <ul> <li class="title">Wai Missing</li> <li class="user"> von <a href="/foto/galerie/benutzer/431398/fotos/">Ferdydurke</a> </li> <li class="upload_date"> 11.06.2011 15:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/graffiti-23-schwarz-weiss-Version-82790d8cf65733e18023390e410f8914"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Vzl9CaFXyliBBxgjcmaFgcdkaYM/gallery/graffiti-23-schwarz-weiss-Version.jpg" alt="graffiti 23 - schwarz-weiß Version von Sönke Luck" title="graffiti 23 - schwarz-weiß Version"> </a> <figcaption class="detail_list"> <ul> <li class="title">graffiti 23 - schwarz-weiß Version</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 06.06.2011 02:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/graffiti-23-c7ca1ed77058f3454bd617191d732630"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/R33Kpmkc6j16bLOzjiiir5DXa5A/gallery/graffiti-23.jpg" alt="graffiti 23 von Sönke Luck" title="graffiti 23"> </a> <figcaption class="detail_list"> <ul> <li class="title">graffiti 23</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 03.06.2011 23:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-b56ea6f94940b799d179c01d40a38482"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/uE6ymgftyJqM5zXfDbxjDZ2Io4k/gallery/Graffiti.jpg" alt="Graffiti von MKaluza" title="Graffiti"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti</li> <li class="user"> von <a href="/foto/galerie/benutzer/4421/fotos/">MKaluza</a> </li> <li class="upload_date"> 22.05.2011 23:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/lass-das-sein-45f2b76c15bd6ff76b5d465f6b95142c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ikOo9mQPKia9Hi3iEuZwXSkSG2Q/gallery/lass-das-sein.jpg" alt="lass das sein... von freaky_c" title="lass das sein..."> </a> <figcaption class="detail_list"> <ul> <li class="title">lass das sein...</li> <li class="user"> von <a href="/foto/galerie/benutzer/509481/fotos/">freaky_c</a> </li> <li class="upload_date"> 16.05.2011 13:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/NO-a6d69f662b5bde50fe7d1ccf553d6ebb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/cThHX6DRkbiyVwtOit43k2GiFTA/gallery/NO.jpg" alt="NO von f64" title="NO"> </a> <figcaption class="detail_list"> <ul> <li class="title">NO</li> <li class="user"> von <a href="/foto/galerie/benutzer/475583/fotos/">f64</a> </li> <li class="upload_date"> 18.03.2011 21:09 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Revolution-23eca3a08d6f50e1a4c0ca1149fe2a7c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/IzDI81lBHZXIqUGawLP72ei25Dw/gallery/Revolution.jpg" alt="Revolution von Zarik Ebel" title="Revolution"> </a> <figcaption class="detail_list"> <ul> <li class="title">Revolution</li> <li class="user"> von <a href="/foto/galerie/benutzer/477520/fotos/">Zarik Ebel</a> </li> <li class="upload_date"> 19.02.2011 19:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/FesttagsTeufel-d8b9f5f6dfa86e06f9f14df11bc3c8a0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FJA4zpQeuRuSqcC5fpyhmi1VjuE/gallery/FesttagsTeufel.jpg" alt="FesttagsTeufel von Ferdydurke" title="FesttagsTeufel"> </a> <figcaption class="detail_list"> <ul> <li class="title">FesttagsTeufel</li> <li class="user"> von <a href="/foto/galerie/benutzer/431398/fotos/">Ferdydurke</a> </li> <li class="upload_date"> 27.12.2010 18:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/M-e51fd997eea620a63e1c8c5d8aeaf41b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yBLo1HYGqajkn2HitiDVeazWiNk/gallery/M.jpg" alt="M von f64" title="M"> </a> <figcaption class="detail_list"> <ul> <li class="title">M</li> <li class="user"> von <a href="/foto/galerie/benutzer/475583/fotos/">f64</a> </li> <li class="upload_date"> 25.11.2010 22:02 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Good-day-sunshine-4ceb1d4684745ad5589c32deb797856a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/98BZA2jTxilHW9rql1cPBHYB6GE/gallery/Good-day-sunshine.jpg" alt="Good day, sunshine ... von Sönke Luck" title="Good day, sunshine ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">Good day, sunshine ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.10.2010 01:15 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Have-a-good-day-4ab3b5a0167b65a08bcebacd4f0a88c6"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4WUnWOmKd18qJ6q5BEotuSXvHs4/gallery/Have-a-good-day.jpg" alt="Have a good day! von Sönke Luck" title="Have a good day!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Have a good day!</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 18.10.2010 01:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/the-meal3-d5565f7f4a49c5d745b18f4f952dc81d"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9p387J81mQM9Ae8xC6tgTlNH71Q/gallery/the-meal3.jpg" alt="the meal3 von mtuyb" title="the meal3"> </a> <figcaption class="detail_list"> <ul> <li class="title">the meal3</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 11.10.2010 12:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/wien-37181685009f0550b41926f995f297c5"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Lm7z5bQ3iqirjpmyqrKw1SGioGc/gallery/wien.jpg" alt="wien von mtuyb" title="wien"> </a> <figcaption class="detail_list"> <ul> <li class="title">wien</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 07.10.2010 04:20 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/an-apple-a-day-cdecaf035c205836418d7deea1ee2e2a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/gisCsDGSaZLSh9mENRkbigubA98/gallery/an-apple-a-day.jpg" alt="an apple a day von mtuyb" title="an apple a day"> </a> <figcaption class="detail_list"> <ul> <li class="title">an apple a day</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 04.10.2010 19:48 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Was-deutsche-Maenner-wirklich-wollen-f4e9def56d395f21a5aa6bea8f71ce36"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PpKajqiVlHJU9iiP88lUOd0LzBs/gallery/Was-deutsche-Maenner-wirklich-wollen.jpg" alt="Was deutsche Männer wirklich wollen von Rontrus" title="Was deutsche Männer wirklich wollen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Was deutsche Männer wirklich wollen</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 03.10.2010 17:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/earthart-luzenz72-151d2c553e1bf0847a9f59ad377cd155"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qYHPrq60mYeC9XOiig4JiUZ0liM/gallery/earthart-luzenz72.jpg" alt="earthart luzenz72 von mtuyb" title="earthart luzenz72"> </a> <figcaption class="detail_list"> <ul> <li class="title">earthart luzenz72</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 28.09.2010 16:06 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Der-Schatten-0a73fa6062a734b8bd026541d53ed847"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/MNckzOAsQfO8GclUeyurMCYYjuE/gallery/Der-Schatten.jpg" alt="Der Schatten von Sönke Luck" title="Der Schatten"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der Schatten</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 28.09.2010 02:01 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Haltestelle-offline-8b4508cdcebb360e170a0c9673b964e2"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/VkQgFO4piviykQpBJSflGZN1Jzo/gallery/Haltestelle-offline.jpg" alt="Haltestelle offline von Sönke Luck" title="Haltestelle offline"> </a> <figcaption class="detail_list"> <ul> <li class="title">Haltestelle offline</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 14.09.2010 00:26 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Party-Kotillon-4bbdffdf925099249a56818c5e994baa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/RgEbQuDqCn8066qAsWowQG8ZiMY/gallery/Party-Kotillon.jpg" alt="Party_Kotillon von Ferdydurke" title="Party_Kotillon"> </a> <figcaption class="detail_list"> <ul> <li class="title">Party_Kotillon</li> <li class="user"> von <a href="/foto/galerie/benutzer/431398/fotos/">Ferdydurke</a> </li> <li class="upload_date"> 12.09.2010 18:44 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Abendstimmung-104de59996f6242d00cb2161bdcea6f7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FtiLbBYKqKhi4AB5XuJiM2hyekE/gallery/Abendstimmung.jpg" alt="Abendstimmung von Sönke Luck" title="Abendstimmung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Abendstimmung</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 07.09.2010 00:39 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=12" 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=11">11</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=12">12</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=13">13</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=14">14</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=15">15</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=14" class="page_more">Weiter</a></li> </ul> </div>