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/flowers003-32de8ef89bf460297d93840bc972ccd8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/JGp93hqh8zbC52v2okSFRkAPAGY/gallery/flowers003.jpg" alt="flowers003 von mtuyb" title="flowers003"> </a> <figcaption class="detail_list"> <ul> <li class="title">flowers003</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 04.08.2013 11:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/magic-garden-29-72-3857bc39e9493f4e391efeca60119e86"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PXiiTWdm9OqWlMntqly8i2jisK4/gallery/magic-garden-29-72.jpg" alt="magic garden 29-72 von mtuyb" title="magic garden 29-72"> </a> <figcaption class="detail_list"> <ul> <li class="title">magic garden 29-72</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 29.05.2013 21:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Gotas-2-b5738c6a30c3331f3eba8baa45ea514a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/JfMUTBvIObP9AbB3KYStiiE6KdY/gallery/Gotas-2.jpg" alt="Gotas 2 von Zarik Ebel" title="Gotas 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Gotas 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/477520/fotos/">Zarik Ebel</a> </li> <li class="upload_date"> 25.05.2013 12:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Frau-ueber-Fluss-180d5aa343024fcca6917b184af8b282"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0AXjyCYwYa0OiyNlSLwX2OYBFRo/gallery/Frau-ueber-Fluss.jpg" alt="Frau über Fluss von S. Kohlmann" title="Frau über Fluss"> </a> <figcaption class="detail_list"> <ul> <li class="title">Frau über Fluss</li> <li class="user"> von <a href="/foto/galerie/benutzer/484289/fotos/">S. Kohlmann</a> </li> <li class="upload_date"> 12.05.2013 14:29 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Das-Herz-5737c65274ad6484815c27638b93da7c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/ENylPYEfALSO6tYtUfOhD0pf32k/gallery/Das-Herz.jpg" alt="Das Herz von Vice Versa" title="Das Herz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Das Herz</li> <li class="user"> von <a href="/foto/galerie/benutzer/538414/fotos/">Vice Versa</a> </li> <li class="upload_date"> 03.05.2013 23:30 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Game-over-c821b67d5c0b2428752b0669e1e5b6ff"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/BGdKirFtoSZ1rskcniBpeinDvNA/gallery/Game-over.jpg" alt="Game over von Zarik Ebel" title="Game over"> </a> <figcaption class="detail_list"> <ul> <li class="title">Game over</li> <li class="user"> von <a href="/foto/galerie/benutzer/477520/fotos/">Zarik Ebel</a> </li> <li class="upload_date"> 24.04.2013 11:19 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/in-the-woods-magic-garden-5fa78b870d496a7f6819397e495c65eb"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/WpgTgLCMHLTjfiL8onHAsUjV4F0/gallery/in-the-woods-magic-garden.jpg" alt="in the woods-magic garden von mtuyb" title="in the woods-magic garden"> </a> <figcaption class="detail_list"> <ul> <li class="title">in the woods-magic garden</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 25.03.2013 10:58 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/have-a-good-bf49625fd4cd51db00831f421b9ed549"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Ix0G9EQxiiLJgmoGYcT4TCKFCh8/gallery/have-a-good.jpg" alt="have a good- von mtuyb" title="have a good-"> </a> <figcaption class="detail_list"> <ul> <li class="title">have a good-</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 20.03.2013 20:34 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/DSC8928-f367c17bef47b09b521942d88f0aab54"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/0WSBiX9bSzDVZyi1VadG0hRUcRo/gallery/DSC8928.jpg" alt="_DSC8928 von mtuyb" title="_DSC8928"> </a> <figcaption class="detail_list"> <ul> <li class="title">_DSC8928</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 23.02.2013 23:09 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/zeit2new-72-c302f9384c953ea0c32f5c8270b48326"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/PYtnmzhcrdXlwDASC3D52goDDIE/gallery/zeit2new-72.jpg" alt="zeit2new 72 von mtuyb" title="zeit2new 72"> </a> <figcaption class="detail_list"> <ul> <li class="title">zeit2new 72</li> <li class="user"> von <a href="/foto/galerie/benutzer/472646/fotos/">mtuyb</a> </li> <li class="upload_date"> 14.08.2012 18:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Die-Tuete-84da068788a5bf9c9ed067c63bb14dce"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4BXv6xTYhO1RcpWYuwi5OqeQkRU/gallery/Die-Tuete.jpg" alt="Die Tüte von Ferdydurke" title="Die Tüte"> </a> <figcaption class="detail_list"> <ul> <li class="title">Die Tüte</li> <li class="user"> von <a href="/foto/galerie/benutzer/431398/fotos/">Ferdydurke</a> </li> <li class="upload_date"> 23.07.2012 20:05 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Be-schneidun-g-a6ce7489a45b97ba7df237634ad6ca08"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/nSeVLBfPKhZ2cAgLGbpZRU4Yuio/gallery/Be-schneidun-g.jpg" alt="Be schneidun g von Ferdydurke" title="Be schneidun g"> </a> <figcaption class="detail_list"> <ul> <li class="title">Be schneidun g</li> <li class="user"> von <a href="/foto/galerie/benutzer/431398/fotos/">Ferdydurke</a> </li> <li class="upload_date"> 16.07.2012 19:52 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/DMP-6948-db96ed6056db34f33b617d77ea96952a"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/G2BhMAHMk6vlBBI1daqCw8UVKgw/gallery/DMP-6948.jpg" alt="DMP_6948 von mutator" title="DMP_6948"> </a> <figcaption class="detail_list"> <ul> <li class="title">DMP_6948</li> <li class="user"> von <a href="/foto/galerie/benutzer/46397/fotos/">mutator</a> </li> <li class="upload_date"> 02.07.2012 17:24 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Geradeaus-a4708d0bcc87edbc59b2a33cf596e883"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aYChOwHcTW7Av6CoVYqQ3AOVnDE/gallery/Geradeaus.jpg" alt="Geradeaus von Thomas Ruppel" title="Geradeaus"> </a> <figcaption class="detail_list"> <ul> <li class="title">Geradeaus</li> <li class="user"> von <a href="/foto/galerie/benutzer/442212/fotos/">Thomas Ruppel</a> </li> <li class="upload_date"> 19.05.2012 08:00 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schwarzes-Quadrat-cf7905a9b06cb16882d088781dd961cb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/QimRBk42bFgUvWJB9vmCNOx0Wxc/gallery/Schwarzes-Quadrat.jpg" alt="Schwarzes Quadrat von f64" title="Schwarzes Quadrat"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schwarzes Quadrat</li> <li class="user"> von <a href="/foto/galerie/benutzer/475583/fotos/">f64</a> </li> <li class="upload_date"> 12.03.2012 21:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-Moabit-2-be9c4366062993ff44c170dfbd00d8a7"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/yYilZsNM0NHFCBHhUkRi2wGWpGI/gallery/Graffiti-Moabit-2.jpg" alt="Graffiti 'Moabit 2' von Sönke Luck" title="Graffiti 'Moabit 2'"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti 'Moabit 2'</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 10.03.2012 02:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-Moabit-1-444e3b863a88120d702f1728385d5727"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tbLsByfmQh6xzwdb3EiclUhxGeY/gallery/Graffiti-Moabit-1.jpg" alt="Graffiti 'Moabit 1' von Sönke Luck" title="Graffiti 'Moabit 1'"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti 'Moabit 1'</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 10.03.2012 02:11 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Graffiti-KG-1-41c68441db20803bc1160857adba11b1"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/lAoy0JL7ZyTzTgHLg0sOu6e1fNo/gallery/Graffiti-KG-1.jpg" alt="Graffiti 'KG 1' von Sönke Luck" title="Graffiti 'KG 1'"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti 'KG 1'</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 10.03.2012 02:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-Gangster-1427b25cdfcce37be9980c4d10d428ef"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/LdxuyHi3wcuHj8Qiu8uNv9RGxUo/gallery/Graffiti-Gangster.jpg" alt="Graffiti 'Gangster' von Sönke Luck" title="Graffiti 'Gangster'"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti 'Gangster'</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 10.03.2012 02:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-Doomed-616edd071d833efeac5acb18cd0f48ae"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/i3tP5CsHiiYokMnC1n4l2PV7Tic/gallery/Graffiti-Doomed.jpg" alt="Graffiti 'Doomed' von Sönke Luck" title="Graffiti 'Doomed'"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti 'Doomed'</li> <li class="user"> von <a href="/foto/galerie/benutzer/415078/fotos/">Sönke Luck</a> </li> <li class="upload_date"> 10.03.2012 02:11 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Graffiti-5-b806b9c74da7b20a5bcc49ae72f40b8a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/wMEylIpvieVn8F7iMdt68nDZ6RQ/gallery/Graffiti-5.jpg" alt="Graffiti (5) von Sönke Luck" title="Graffiti (5)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Graffiti (5)</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> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Iconografie-56/?offset=8" 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=7">7</a></li> <li class="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=8">8</a></li> <li class="current_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="page"><a href="/foto/galerie/rubrik/Iconografie-56/?offset=11">11</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=10" class="page_more">Weiter</a></li> </ul> </div>