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/Graffiti-4-1b1bca9b56bd071fa95e76f1d737b3c5"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/TMdtQlcPiVi56RY3OOZdwS8JX8Y/gallery/Graffiti-4.jpg" alt="Graffiti (4) von Sönke Luck" title="Graffiti (4)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti (4)</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 01.03.2012 01:12 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-3-d0a9506c40abb246e424513473209a48"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Fkfu2I5iYkTfqaTImeiitmiFqPA/gallery/Graffiti-3.jpg" alt="Graffiti (3) von Sönke Luck" title="Graffiti (3)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti (3)</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 01.03.2012 01:12 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-2-a585e57328ce76db16a0ce4884faf780"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CDJdrq9JLk10lfPJ87Py82P1g0c/gallery/Graffiti-2.jpg" alt="Graffiti (2) von Sönke Luck" title="Graffiti (2)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti (2)</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 01.03.2012 01:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-1-62508bb4e046815cbaaad74e9b6c7251"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/s5icJ2pBZG2O9RgogECalicDpj8/gallery/Graffiti-1.jpg" alt="Graffiti (1) von Sönke Luck" title="Graffiti (1)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti (1)</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 01.03.2012 01:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Apsaras-2f78b9c65fed96e8a8b1f3e0512e175b"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iQTKHgZmzKT3kcT3QFrbiiNiLuc/gallery/Apsaras.jpg" alt="Apsaras von Hubertus Dan" title="Apsaras"> </a> <figcaption class="detail_list"> <ul> <li class="title">Apsaras</li> <li class="user"> von <a href="/foto/galerie/benutzer/507083/fotos/">Hubertus Dan</a> </li> <li class="upload_date"> 04.02.2012 21:14 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kennedy-Spot-0669a3a7490824fc71b78ee4d1ad0ae0"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wupDpr2i8Z8DFy73mMz9iyeWSEY/gallery/Kennedy-Spot.jpg" alt="Kennedy-Spot von Zarik Ebel" title="Kennedy-Spot"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kennedy-Spot</li> <li class="user"> von <a href="/foto/galerie/benutzer/477520/fotos/">Zarik Ebel</a> </li> <li class="upload_date"> 24.01.2012 22:00 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/20110130A0366B-1-f6e2234daf3f4ee8fc8b125bf853801a"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/2ou95ObSsF5rFcGvn8ni7ZS0iT0/gallery/20110130A0366B-1.jpg" alt="20110130A0366B-1 von superfly-berlin" title="20110130A0366B-1"> </a> <figcaption class="detail_list"> <ul> <li class="title">20110130A0366B-1</li> <li class="user"> von <a href="/foto/galerie/benutzer/293825/fotos/">superfly-berlin</a> </li> <li class="upload_date"> 19.01.2012 23:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Free-the-gummy-bears-917f5b13a18836757f80145ab5921f97"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Y8QbYUNSh5Gt9iveFNRpLdhQrDA/gallery/Free-the-gummy-bears.jpg" alt="Free the gummy bears von S. Kohlmann" title="Free the gummy bears"> </a> <figcaption class="detail_list"> <ul> <li class="title">Free the gummy bears</li> <li class="user"> von <a href="/foto/galerie/benutzer/484289/fotos/">S. Kohlmann</a> </li> <li class="upload_date"> 19.01.2012 15:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Exotic-3c2cdc459a0d01f304c94945accae226"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2K3OXSyb8CVxOzQ7JvjuqJe8YjM/gallery/Exotic.jpg" alt="Exotic von S. Kohlmann" title="Exotic"> </a> <figcaption class="detail_list"> <ul> <li class="title">Exotic</li> <li class="user"> von <a href="/foto/galerie/benutzer/484289/fotos/">S. Kohlmann</a> </li> <li class="upload_date"> 18.01.2012 22:16 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/20110115A0023B-1-f48ec9f0c0d84f0a9ced754a181bf963"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wyhjHiAHM7O99JTpuNoI3sb8Bmo/gallery/20110115A0023B-1.jpg" alt="20110115A0023B-1 von superfly-berlin" title="20110115A0023B-1"> </a> <figcaption class="detail_list"> <ul> <li class="title">20110115A0023B-1</li> <li class="user"> von <a href="/foto/galerie/benutzer/293825/fotos/">superfly-berlin</a> </li> <li class="upload_date"> 14.01.2012 20:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/turn-left-87f1215eaa1fe736fa2f6ea67b593a07"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/avVe0ci1M6sh7tjjSnVOPRRv1tk/gallery/turn-left.jpg" alt="turn left von novopics.de" title="turn left"> </a> <figcaption class="detail_list"> <ul> <li class="title">turn left</li> <li class="user"> von <a href="/foto/galerie/benutzer/467730/fotos/">novopics.de</a> </li> <li class="upload_date"> 30.12.2011 23:47 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/und-Zitrone-oder-Sahne-1cc8223126675b5b84da84e059150d5e"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/QQj9g0DjnVeHlA6vYss3Osisf7Y/gallery/und-Zitrone-oder-Sahne.jpg" alt="... und Zitrone oder Sahne ... von Rontrus" title="... und Zitrone oder Sahne ..."> </a> <figcaption class="detail_list"> <ul> <li class="title">... und Zitrone oder Sahne ...</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 15.12.2011 12:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lampen-8b6345444098f5e6b6cb1290e36db877"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LhD6u8c3ZdeTFTQx1dxu4Agwse4/gallery/Lampen.jpg" alt="Lampen von S. Kohlmann" title="Lampen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lampen</li> <li class="user"> von <a href="/foto/galerie/benutzer/484289/fotos/">S. Kohlmann</a> </li> <li class="upload_date"> 27.11.2011 11:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Spinnengespinst-35d1e2bdaab290c01033dc0fa7945591"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/S82gR6xG87MiZI7mqPaWZ7EOU7A/gallery/Spinnengespinst.jpg" alt="Spinnengespinst von calvin&hobbes" title="Spinnengespinst"> </a> <figcaption class="detail_list"> <ul> <li class="title">Spinnengespinst</li> <li class="user"> von <a href="/foto/galerie/benutzer/399771/fotos/">calvin&hobbes</a> </li> <li class="upload_date"> 21.10.2011 23:22 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Liebe-im-Gruenen-oder-KV-196-7407fdaae9fe563c90eac5f7f1beaab8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/mWiTU5152DLQqUWGixulBVf7VME/gallery/Liebe-im-Gruenen-oder-KV-196.jpg" alt="Liebe im Grünen oder KV 196 von Rontrus" title="Liebe im Grünen oder KV 196"> </a> <figcaption class="detail_list"> <ul> <li class="title">Liebe im Grünen oder KV 196</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 08.10.2011 19:00 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stimmt-s-31-d33de646b6c69512a47bb55318d4cc5c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9GxyJ8rD14yx2QHhrVT4lUdg9jY/gallery/Stimmt-s-31.jpg" alt="Stimmt's? 31 von Suchbild" title="Stimmt's? 31"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 31</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 20.09.2011 20:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fuer-Dingdurchzieher-7abb3c3a2266a0849e74adc041898f7f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/AnSYfFK1VdU3iCWi0drmCv092Yg/gallery/Fuer-Dingdurchzieher.jpg" alt="Für Dingdurchzieher von Suchbild" title="Für Dingdurchzieher"> </a> <figcaption class="detail_list"> <ul> <li class="title">Für Dingdurchzieher</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 20.08.2011 08:20 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stimmt-s-20-6ae5affdd825f0c51a9cf871465c8367"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/CUZdIs5Mi3GxGeFbizIxmFUm71I/gallery/Stimmt-s-20.jpg" alt="Stimmt's? 20 von Suchbild" title="Stimmt's? 20"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 20</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 17.08.2011 05:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Einlasskontrolle-121bceba63dcd132fe3cb656ece6fc9f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/sVbdLsia7FhdNnXj65i5ENPiqeI/gallery/Einlasskontrolle.jpg" alt="Einlasskontrolle von Suchbild" title="Einlasskontrolle"> </a> <figcaption class="detail_list"> <ul> <li class="title">Einlasskontrolle</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 14.08.2011 08:17 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Searchpicture-s-illustrated-dictionary-for-Germans-part-57-bf3fe75640d60d97d16192239801f56d"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/LmFO53k6iuYl7Oc2qMipL2DsQuU/gallery/Searchpicture-s-illustrated-dictionary-for-Germans-part-57.jpg" alt="Searchpicture's illustrated dictionary for Germans - part 57 von Suchbild" title="Searchpicture's illustrated dictionary for Germans - part 57"> </a> <figcaption class="detail_list"> <ul> <li class="title">Searchpicture's illustrated dictionary for Germans - part 57</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 12.08.2011 21:43 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Stimmt-s-19-cc896cf3d7890d60badb984e10c80524"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7XIPR7kq0QoDxwXibOebKoCXRGo/gallery/Stimmt-s-19.jpg" alt="Stimmt's? 19 von Suchbild" title="Stimmt's? 19"> </a> <figcaption class="detail_list"> <ul> <li class="title">Stimmt's? 19</li> <li class="user"> von <a href="/foto/galerie/benutzer/507285/fotos/">Suchbild</a> </li> <li class="upload_date"> 12.08.2011 06:39 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=9" 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=8">8</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=9">9</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=10">10</a></li> <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> <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=11" class="page_more">Weiter</a></li> </ul> </div>