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">Maschinen</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=46">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=46" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=46">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=46">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=46">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=46">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/Thunderbird-a80a282cc7791fed9e6d1d490e153080"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/UnyQyiMphRNnBtExO4MDH21MSt4/gallery/Thunderbird.jpg" alt="Thunderbird von Amaryll" title="Thunderbird"> </a> <figcaption class="detail_list"> <ul> <li class="title">Thunderbird</li> <li class="user"> von <a href="/foto/galerie/benutzer/472506/fotos/">Amaryll</a> </li> <li class="upload_date"> 11.08.2013 19:23 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Unterwegs-mit-Alteisen-0f2e5a516e3e800b2803a5b4526717b8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/9ohN7gbwtmzKK9fFzSKi1tHQscI/gallery/Unterwegs-mit-Alteisen.jpg" alt="Unterwegs mit Alteisen von Kai Hormann" title="Unterwegs mit Alteisen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Unterwegs mit Alteisen</li> <li class="user"> von <a href="/foto/galerie/benutzer/457472/fotos/">Kai Hormann</a> </li> <li class="upload_date"> 07.08.2013 00:27 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Technikmuseum-Speyer-2-JPG-2e05734b0c62d88b920056e38116f357"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/1PtK1pSDTApTwyN0CUV4mVG4rEw/gallery/Technikmuseum-Speyer-2-JPG.jpg" alt="Technikmuseum Speyer 2.JPG von femmefatales" title="Technikmuseum Speyer 2.JPG"> </a> <figcaption class="detail_list"> <ul> <li class="title">Technikmuseum Speyer 2.JPG</li> <li class="user"> von <a href="/foto/galerie/benutzer/547341/fotos/">femmefatales</a> </li> <li class="upload_date"> 21.07.2013 07:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Generatoren-c81297668e204eb936404370e7f2df20"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/03Z7aEjyOqRrleIH7fslVYkrVTw/gallery/Generatoren.jpg" alt="Generatoren von hyperfokal" title="Generatoren"> </a> <figcaption class="detail_list"> <ul> <li class="title">Generatoren</li> <li class="user"> von <a href="/foto/galerie/benutzer/551361/fotos/">hyperfokal</a> </li> <li class="upload_date"> 14.07.2013 10:41 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Baggerrundschau-877d088f4c7f5c1fc91030c6534a842c"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/FsipSugBS9M2YcsVujx9DVw6PAQ/gallery/Baggerrundschau.jpg" alt="Baggerrundschau von Rontrus" title="Baggerrundschau"> </a> <figcaption class="detail_list"> <ul> <li class="title">Baggerrundschau</li> <li class="user"> von <a href="/foto/galerie/benutzer/472208/fotos/">Rontrus</a> </li> <li class="upload_date"> 03.07.2013 11:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Schrauben1-bf2cbbc46ec29c30889351d583ce2d18"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/jhgrbcIDQ05HWDoWQyit7o8g9Jw/gallery/Schrauben1.jpg" alt="Schrauben1 von Lonestar" title="Schrauben1"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schrauben1</li> <li class="user"> von <a href="/foto/galerie/benutzer/38018/fotos/">Lonestar</a> </li> <li class="upload_date"> 04.06.2013 00:46 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Schrauben2-24ca5a55b1b79961d85160121f3d5ab8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/KsIxLxQa6VEBod3ileuVA80qilA/gallery/Schrauben2.jpg" alt="Schrauben2 von Lonestar" title="Schrauben2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Schrauben2</li> <li class="user"> von <a href="/foto/galerie/benutzer/38018/fotos/">Lonestar</a> </li> <li class="upload_date"> 04.06.2013 00:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/SAM-9351-0dbd29533f60d5eeb10bf33572662216"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/N6iijR0HZrIOPaig0Eg3EYSBwqk/gallery/SAM-9351.jpg" alt="SAM_9351 von Torsten Jung" title="SAM_9351"> </a> <figcaption class="detail_list"> <ul> <li class="title">SAM_9351</li> <li class="user"> von <a href="/foto/galerie/benutzer/545688/fotos/">Torsten Jung</a> </li> <li class="upload_date"> 28.05.2013 21:36 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tagebau-1-91c38eb77683716f7cf25ae6347ac8d9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Aty5hoiG0WeFDnRKAiBBosdekpc/gallery/Tagebau-1.jpg" alt="Tagebau (1) von foto-chris" title="Tagebau (1)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tagebau (1)</li> <li class="user"> von <a href="/foto/galerie/benutzer/483182/fotos/">foto-chris</a> </li> <li class="upload_date"> 26.05.2013 12:39 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tagebau-2-7cddbc1880108bc65bef2e23327273cc"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Qhqq4tkDrybmVriE1SKjCirqpMI/gallery/Tagebau-2.jpg" alt="Tagebau (2) von foto-chris" title="Tagebau (2)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tagebau (2)</li> <li class="user"> von <a href="/foto/galerie/benutzer/483182/fotos/">foto-chris</a> </li> <li class="upload_date"> 26.05.2013 12:37 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Tagebau-3-a398255d6f980ba0b76475a350d118ab"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/BFeOCJd6MrqlT8iLLxyetvmIels/gallery/Tagebau-3.jpg" alt="Tagebau (3) von foto-chris" title="Tagebau (3)"> </a> <figcaption class="detail_list"> <ul> <li class="title">Tagebau (3)</li> <li class="user"> von <a href="/foto/galerie/benutzer/483182/fotos/">foto-chris</a> </li> <li class="upload_date"> 26.05.2013 12:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/SAM-9342-51f5fa4140055ce620d4deedbee72032"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7Uzx1fghibsANglMtLNUx9ePDls/gallery/SAM-9342.jpg" alt="SAM_9342 von Torsten Jung" title="SAM_9342"> </a> <figcaption class="detail_list"> <ul> <li class="title">SAM_9342</li> <li class="user"> von <a href="/foto/galerie/benutzer/545688/fotos/">Torsten Jung</a> </li> <li class="upload_date"> 22.05.2013 21:45 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/SAM-9353-443eca2216dce0c63588c2111541485c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/fSe7VX7E58timiIpazg9vqtLMP8/gallery/SAM-9353.jpg" alt="SAM_9353 von Torsten Jung" title="SAM_9353"> </a> <figcaption class="detail_list"> <ul> <li class="title">SAM_9353</li> <li class="user"> von <a href="/foto/galerie/benutzer/545688/fotos/">Torsten Jung</a> </li> <li class="upload_date"> 22.05.2013 21:45 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Maschinen-46/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maschinen-46/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Maschinen-46/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Maschinen-46/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Maschinen-46/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>