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">Computer</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=63">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=63" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=63">Meistgesehene</a></li> <li><a class="active" href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=63">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=63">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=63">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/Kopfarbeiter-cfe74d78cca56015472f69e69a28fe40"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/dkiCdShkt1x0iuNUip0bLqMBzEw/gallery/Kopfarbeiter.jpg" alt="Kopfarbeiter von Kai Hormann" title="Kopfarbeiter"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kopfarbeiter</li> <li class="user"> von <a href="/foto/galerie/benutzer/457472/fotos/">Kai Hormann</a> </li> <li class="upload_date"> 22.01.2010 23:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/386-DX20-5be76aee70ab32a83095f4b88974b9db"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/is6ERtmjicALHnPG8gKuCvMProw/gallery/386-DX20.jpg" alt="386 DX20 von Kai Hormann" title="386 DX20"> </a> <figcaption class="detail_list"> <ul> <li class="title">386 DX20</li> <li class="user"> von <a href="/foto/galerie/benutzer/457472/fotos/">Kai Hormann</a> </li> <li class="upload_date"> 22.01.2010 23:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Featreq3-6b220e4ff81136af88006fc885146bfa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iqix2zuThVhuvHmZipeW5Fk8MxU/gallery/Featreq3.jpg" alt="Featreq3 von Cesimbra" title="Featreq3"> </a> <figcaption class="detail_list"> <ul> <li class="title">Featreq3</li> <li class="user"> von <a href="/foto/galerie/benutzer/49420/fotos/">Cesimbra</a> </li> <li class="upload_date"> 07.11.2012 19:32 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Strassen-386a106efd787b317f80880a859c336b"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/3o7zzTflKCSd6xdYOkiBtVy6M6M/gallery/Strassen.jpg" alt="Straßen? von Pham Nuwem" title="Straßen?"> </a> <figcaption class="detail_list"> <ul> <li class="title">Straßen?</li> <li class="user"> von <a href="/foto/galerie/benutzer/407638/fotos/">Pham Nuwem</a> </li> <li class="upload_date"> 20.07.2009 13:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/SMD-Staedte-c2b60527aaa03654ab799a460c4ca9e9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aBi9vAm992Aj06YDnf23IhrUNck/gallery/SMD-Staedte.jpg" alt="SMD-Städte von Pham Nuwem" title="SMD-Städte"> </a> <figcaption class="detail_list"> <ul> <li class="title">SMD-Städte</li> <li class="user"> von <a href="/foto/galerie/benutzer/407638/fotos/">Pham Nuwem</a> </li> <li class="upload_date"> 20.07.2009 13:50 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/CPU-L2Cache-2te-1fc1a8debe672b41d66f095e2daa8719"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/aiJo4tw9psNuxifeEUY8T6h7bS0/gallery/CPU-L2Cache-2te.jpg" alt="CPU + L2Cache -2te von Pham Nuwem" title="CPU + L2Cache -2te"> </a> <figcaption class="detail_list"> <ul> <li class="title">CPU + L2Cache -2te</li> <li class="user"> von <a href="/foto/galerie/benutzer/407638/fotos/">Pham Nuwem</a> </li> <li class="upload_date"> 20.07.2009 13:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Sunset-in-Haven-City-II-3f6022c4bd57c6bd66b900ebca6be437"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tsCVg1Th4Jc3PDToMMfSDtWxDHc/gallery/Sunset-in-Haven-City-II.jpg" alt="Sunset in Haven City II von jusaca" title="Sunset in Haven City II"> </a> <figcaption class="detail_list"> <ul> <li class="title">Sunset in Haven City II</li> <li class="user"> von <a href="/foto/galerie/benutzer/434141/fotos/">jusaca</a> </li> <li class="upload_date"> 16.05.2009 13:06 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Serie-Ueber-Wachung-af83c50d4548f0de10e3a82192e4a60a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/2JHiRun8PjC8DSCb70Ertpi6JIQ/gallery/Serie-Ueber-Wachung.jpg" alt="Serie: Über--Wachung von chris_abyi" title="Serie: Über--Wachung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Serie: Über--Wachung</li> <li class="user"> von <a href="/foto/galerie/benutzer/405149/fotos/">chris_abyi</a> </li> <li class="upload_date"> 21.04.2009 10:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Serie-Ueber-Wachung-bca99d239f221626c8c28c9708dee021"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Sf7BUkszq0R1VfVeZnJ1KrmhtIQ/gallery/Serie-Ueber-Wachung.png" alt="Serie: Über--Wachung von chris_abyi" title="Serie: Über--Wachung"> </a> <figcaption class="detail_list"> <ul> <li class="title">Serie: Über--Wachung</li> <li class="user"> von <a href="/foto/galerie/benutzer/405149/fotos/">chris_abyi</a> </li> <li class="upload_date"> 21.04.2009 10:45 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Kern-03-bd1a80f5cbc8a9febb301a972e97c8cf"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/IyEiXu6DXczEUAtGXRXIvBuCQaU/gallery/Kern-03.jpg" alt="Kern_03 von Harkle" title="Kern_03"> </a> <figcaption class="detail_list"> <ul> <li class="title">Kern_03</li> <li class="user"> von <a href="/foto/galerie/benutzer/429009/fotos/">Harkle</a> </li> <li class="upload_date"> 01.04.2009 19:18 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/blueboard-2ec4f30615c7db74153e1ed2210e8339"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/qohkgMMPJolZYdm3fuFB5GRfqk0/gallery/blueboard.jpg" alt="blueboard von Harkle" title="blueboard"> </a> <figcaption class="detail_list"> <ul> <li class="title">blueboard</li> <li class="user"> von <a href="/foto/galerie/benutzer/429009/fotos/">Harkle</a> </li> <li class="upload_date"> 01.04.2009 19:14 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Massenspeicher-64ae461e9dae557b628160c6aaeea36c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/TVh2g7naNGAuZcwilBohUXpGBbw/gallery/Massenspeicher.jpg" alt="Massenspeicher von mu_mi" title="Massenspeicher"> </a> <figcaption class="detail_list"> <ul> <li class="title">Massenspeicher</li> <li class="user"> von <a href="/foto/galerie/benutzer/426791/fotos/">mu_mi</a> </li> <li class="upload_date"> 25.03.2009 19:57 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/HDD-586ef4df9c9a4fbd770500753ed27e52"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/DA37afccE9We6CzTtiBmOknirSc/gallery/HDD.jpg" alt="HDD von wissy" title="HDD"> </a> <figcaption class="detail_list"> <ul> <li class="title">HDD</li> <li class="user"> von <a href="/foto/galerie/benutzer/423796/fotos/">wissy</a> </li> <li class="upload_date"> 03.03.2009 11:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Ausgedient-a8b224dd5756c675b9e8b322f3f14d0e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/7IV7k93wNFcrSyzE6vGlhn9Klo0/gallery/Ausgedient.jpg" alt="Ausgedient von wissy" title="Ausgedient"> </a> <figcaption class="detail_list"> <ul> <li class="title">Ausgedient</li> <li class="user"> von <a href="/foto/galerie/benutzer/423796/fotos/">wissy</a> </li> <li class="upload_date"> 03.03.2009 10:51 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Der-moderne-Speicher-2-af8d3d6f9be79786c2397c2483060a44"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/tElNihBu3iSIssg9m4BxzVFKZXM/gallery/Der-moderne-Speicher-2.jpg" alt="Der 'moderne' Speicher 2 von Golf-4-Cab.d" title="Der 'moderne' Speicher 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Der 'moderne' Speicher 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/423392/fotos/">Golf-4-Cab.d</a> </li> <li class="upload_date"> 02.03.2009 20:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Bewegen-f11a3920e5ff38e3e88a18f07128c423"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/zYtiycHK5cPXKS4dSAm7avjkP0Y/gallery/Bewegen.jpg" alt="Bewegen von Matthias Neumaier" title="Bewegen"> </a> <figcaption class="detail_list"> <ul> <li class="title">Bewegen</li> <li class="user"> von <a href="/foto/galerie/benutzer/304532/fotos/">Matthias Neumaier</a> </li> <li class="upload_date"> 01.03.2009 15:30 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Computerpool-b3f14d21a37bd7e8113428f059349dc6"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/MLNkvAVxACwDRdIOMmSZCfyiOmQ/gallery/Computerpool.jpg" alt="Computerpool von bildungskatastrophe" title="Computerpool"> </a> <figcaption class="detail_list"> <ul> <li class="title">Computerpool</li> <li class="user"> von <a href="/foto/galerie/benutzer/423139/fotos/">bildungskatastrophe</a> </li> <li class="upload_date"> 28.02.2009 16:47 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Serverschrank-526d1e8266c77b06ff597e73a77f194f"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/z7mp5HnlI2tthXyY49YoN8tgFV8/gallery/Serverschrank.jpg" alt="Serverschrank von kpu" title="Serverschrank"> </a> <figcaption class="detail_list"> <ul> <li class="title">Serverschrank</li> <li class="user"> von <a href="/foto/galerie/benutzer/61718/fotos/">kpu</a> </li> <li class="upload_date"> 27.02.2009 10:08 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mainboard-Small-JPG-6cada02eb7dc7789275b3f7291bfbd89"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/iODIMAJYyiZ92zm6sbegoUOwduY/gallery/Mainboard-Small-JPG.jpg" alt="Mainboard (Small).JPG von baddy" title="Mainboard (Small).JPG"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mainboard (Small).JPG</li> <li class="user"> von <a href="/foto/galerie/benutzer/187476/fotos/">baddy</a> </li> <li class="upload_date"> 26.02.2009 17:17 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Z22-2eed774d85a64f23313cee21df0b977a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/pqiCgEYXiqidi2LNchinKJ8G598/gallery/Z22.jpg" alt="Z22 von Tarwin" title="Z22"> </a> <figcaption class="detail_list"> <ul> <li class="title">Z22</li> <li class="user"> von <a href="/foto/galerie/benutzer/422214/fotos/">Tarwin</a> </li> <li class="upload_date"> 26.02.2009 14:31 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Computerdurchblick-e36cb4d930189035eed8187b5cf4f1aa"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/R3bjDJ9i2lDXQ1XMbVK8DPK0o9c/gallery/Computerdurchblick.jpg" alt="Computerdurchblick von Wasservogel" title="Computerdurchblick"> </a> <figcaption class="detail_list"> <ul> <li class="title">Computerdurchblick</li> <li class="user"> von <a href="/foto/galerie/benutzer/422076/fotos/">Wasservogel</a> </li> <li class="upload_date"> 26.02.2009 13:46 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Computer-63/?offset=10&sortierung=meistkommentierte" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Computer-63/?offset=&sortierung=meistkommentierte1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Computer-63/?offset=&sortierung=meistkommentierte9">9</a></li> <li class="page"><a href="/foto/galerie/rubrik/Computer-63/?offset=&sortierung=meistkommentierte10">10</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Computer-63/?offset=&sortierung=meistkommentierte11">11</a></li> <li class="page"><a href="/foto/galerie/rubrik/Computer-63/?offset=&sortierung=meistkommentierte12">12</a></li> <li><a href="/foto/galerie/rubrik/Computer-63/?offset=12&sortierung=meistkommentierte" class="page_more">Weiter</a></li> </ul> </div>