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">Innenarchitektur</h1> <nav class="rubrikenfilter_nav clearfix"> <ul> <li><a href="/foto/galerie/foto?sortierung=neuste;rubrik=49">Neueste Bilder</a></li> <li><a href="/foto/galerie/foto?sortierung=bestbewertete;rubrik=49" >Bestbewertete</a></li> <li><a href="/foto/galerie/foto?sortierung=beliebteste;rubrik=49">Meistgesehene</a></li> <li><a href="/foto/galerie/foto?sortierung=meistkommentierte;rubrik=49">Meistkommentierte</a></li> <li><a href="/foto/galerie/foto?sortierung=topphotos;rubrik=49">Bilder des Tages</a></li> <li><a href="/foto/galerie/foto?sortierung=zufaellig;rubrik=49">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/Future-Staircase-4850134752952e7b4cb787ab3f8c979c"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/akeFMv8ReXIh6T8s07Qtk1Ks9FM/gallery/Future-Staircase.jpg" alt="Future Staircase von Secundannte" title="Future Staircase"> </a> <figcaption class="detail_list"> <ul> <li class="title">Future Staircase</li> <li class="user"> von <a href="/foto/galerie/benutzer/812597/fotos/">Secundannte</a> </li> <li class="upload_date"> 13.06.2019 08:10 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Mannheim-Hauptbahnhof-2-b85a0f09194d902fb5d043f79bf048b1"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/J4qdYNziUTvuAbIGEi8dliBNxQM/gallery/Mannheim-Hauptbahnhof-2.jpg" alt="Mannheim Hauptbahnhof 2 von Bernd Unger" title="Mannheim Hauptbahnhof 2"> </a> <figcaption class="detail_list"> <ul> <li class="title">Mannheim Hauptbahnhof 2</li> <li class="user"> von <a href="/foto/galerie/benutzer/876543/fotos/">Bernd Unger</a> </li> <li class="upload_date"> 12.06.2019 07:49 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Im-Rechteck-2e394c996181acca381f654e3dbeebe8"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/nMgPzxU2dcGtmNS5AiM653LBc9U/gallery/Im-Rechteck.jpg" alt="Im Rechteck von Secundannte" title="Im Rechteck"> </a> <figcaption class="detail_list"> <ul> <li class="title">Im Rechteck</li> <li class="user"> von <a href="/foto/galerie/benutzer/812597/fotos/">Secundannte</a> </li> <li class="upload_date"> 11.06.2019 22:03 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Grand-Central-Station-d62be52798696cbeb6a08c971920df7a"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/4OB73sputYWAMPii1hVBShQEq6Y/gallery/Grand-Central-Station.jpg" alt="Grand Central Station von Christian Welslau Fotodesign" title="Grand Central Station"> </a> <figcaption class="detail_list"> <ul> <li class="title">Grand Central Station</li> <li class="user"> von <a href="/foto/galerie/benutzer/585776/fotos/">Christian Welslau Fotodesign</a> </li> <li class="upload_date"> 11.06.2019 11:46 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Lister-Platz-b6bf50897b85fff92b5e3b67c8b44006"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/Tyd8YMVSYptyK5dpadYKSjHimi4/gallery/Lister-Platz.jpg" alt="Lister Platz von Andreas Becke (1)" title="Lister Platz"> </a> <figcaption class="detail_list"> <ul> <li class="title">Lister Platz</li> <li class="user"> von <a href="/foto/galerie/benutzer/807420/fotos/">Andreas Becke (1)</a> </li> <li class="upload_date"> 08.06.2019 22:52 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Deckenleuchte-im-Bahnhof-von-Amsterdam-77abceea608f483f60a5cd7a6ac1ca4e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/kHKptxoTBFieQ1tIvUWToLAiUcg/gallery/Deckenleuchte-im-Bahnhof-von-Amsterdam.jpg" alt="Deckenleuchte im Bahnhof von Amsterdam von R.Werner" title="Deckenleuchte im Bahnhof von Amsterdam"> </a> <figcaption class="detail_list"> <ul> <li class="title">Deckenleuchte im Bahnhof von Amsterdam</li> <li class="user"> von <a href="/foto/galerie/benutzer/678558/fotos/">R.Werner</a> </li> <li class="upload_date"> 05.06.2019 19:56 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Treppen-Haus-6c9e83e0311f0deb0e8c4abaf85734eb"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/HXlyF2gMh68Qq6T5SsnEkTmX0Kc/gallery/Treppen-Haus.jpg" alt="Treppen.Haus. von Mira1959" title="Treppen.Haus."> </a> <figcaption class="detail_list"> <ul> <li class="title">Treppen.Haus.</li> <li class="user"> von <a href="/foto/galerie/benutzer/576464/fotos/">Mira1959</a> </li> <li class="upload_date"> 02.06.2019 23:10 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Hinter-dem-Fenster-080541b3c612f7a49291f8d4351821b8"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/aZ7B0ziXITuf1JzYcoOZnDai5wU/gallery/Hinter-dem-Fenster.jpg" alt="Hinter dem Fenster von Der Purist" title="Hinter dem Fenster"> </a> <figcaption class="detail_list"> <ul> <li class="title">Hinter dem Fenster</li> <li class="user"> von <a href="/foto/galerie/benutzer/220023/fotos/">Der Purist</a> </li> <li class="upload_date"> 29.05.2019 11:38 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/interieur-gruen-7739d1222373d84b8a4151a967c4f79e"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/diSHEGBmWYgwotUZLOb1DLoCtgs/gallery/interieur-gruen.jpg" alt="interieur grün von saaga" title="interieur grün"> </a> <figcaption class="detail_list"> <ul> <li class="title">interieur grün</li> <li class="user"> von <a href="/foto/galerie/benutzer/782541/fotos/">saaga</a> </li> <li class="upload_date"> 24.05.2019 23:28 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/HBB-Spiral-II-9d95d9fac7cc0760dfd06f75d6304ca9"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/olBVkxr9pBZXeqb5xBVtlwLeTno/gallery/HBB-Spiral-II.jpg" alt="HBB Spiral II von K P K" title="HBB Spiral II"> </a> <figcaption class="detail_list"> <ul> <li class="title">HBB Spiral II</li> <li class="user"> von <a href="/foto/galerie/benutzer/250193/fotos/">K P K</a> </li> <li class="upload_date"> 22.05.2019 08:26 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Trautes-Heim-195820ce631588786c25bd0c6fa23b47"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/6iHvXhRIPH8fiiipydnGMqYpVx0/gallery/Trautes-Heim.jpg" alt="Trautes Heim von dg9ncc" title="Trautes Heim"> </a> <figcaption class="detail_list"> <ul> <li class="title">Trautes Heim</li> <li class="user"> von <a href="/foto/galerie/benutzer/842720/fotos/">dg9ncc</a> </li> <li class="upload_date"> 14.05.2019 12:35 </li> </ul> </figcaption> </figure> </li> <li class="box col1"> <figure> <a href="/foto/galerie/foto/Fensterfront-cca5eb5a35ec3086132e615c620f56c4"> <img class="image" src="https://1.f.ix.de/scale/geometry/310x1000/q85/imagine/vakTsHtfGDfrbLOyhL4kMO0PCnk/gallery/Fensterfront.jpg" alt="Fensterfront von Manfred Fessel" title="Fensterfront"> </a> <figcaption class="detail_list"> <ul> <li class="title">Fensterfront</li> <li class="user"> von <a href="/foto/galerie/benutzer/784399/fotos/">Manfred Fessel</a> </li> <li class="upload_date"> 10.05.2019 14:39 </li> </ul> </figcaption> </figure> </li> <li class="box col2"> <figure> <a href="/foto/galerie/foto/Am-Bahnhof-ist-der-Baer-los-bf1f5fffa0e5f539b013b9aea3050f05"> <img class="image" src="https://1.f.ix.de/scale/geometry/640x1000/q85/imagine/ZpU93ZuBHqs5kfPdQGADpzspfmw/gallery/Am-Bahnhof-ist-der-Baer-los.jpg" alt="Am Bahnhof ist der Bär los! von Manfred Fessel" title="Am Bahnhof ist der Bär los!"> </a> <figcaption class="detail_list"> <ul> <li class="title">Am Bahnhof ist der Bär los!</li> <li class="user"> von <a href="/foto/galerie/benutzer/784399/fotos/">Manfred Fessel</a> </li> <li class="upload_date"> 09.05.2019 14:47 </li> </ul> </figcaption> </figure> </li> </ul> </div> <div class="fg_paginate"> <ul> <li><a href="/foto/galerie/rubrik/Innenarchitektur-49/?offset=47" class="page_back">Zurück</a></li> <li class="page"><a href="/foto/galerie/rubrik/Innenarchitektur-49/?offset=1">1</a></li> <span>...</span> <li class="page"><a href="/foto/galerie/rubrik/Innenarchitektur-49/?offset=46">46</a></li> <li class="page"><a href="/foto/galerie/rubrik/Innenarchitektur-49/?offset=47">47</a></li> <li class="current_page"><a href="/foto/galerie/rubrik/Innenarchitektur-49/?offset=48">48</a></li> <li class="page_more_grau">Weiter</li> </ul> </div>