Schönes Neues Jahr mit dem Panoslider


Morgens 8.30 Freiburg - Kirchzarten. Ein wundervoller Morgen mit tollem Blick. Aber wie stelle ich diese Ausssicht in Netz? Ein Panoramabild zu schießen ist kein Hexenwerk mehr. Eine einfach Lösung in einem CMS zu finden schon eher. Ein guter Grund, selbst tätig zu werden.
Aber erst einmal genieße ich die Aussicht und wünschen allen Ein schönes neues Jahr.




Der Trick dahinter: Einfach 2 mal das selbe Bild hinter einander in einen Layer mit overfolw:hidden darstellen und mit Hilfe einer CSS Animation die immer wieder ein transform:translateX wiederholt von 0% bis - 100% scrollen lassen. Das gleiche nachfolgende Bild wird dann natlos dargestellt. So bald die Animation bei -100% angelangt - also das 1. Bild vollständig verschwunden ist, springt die Animation wieder auf 0% zurück.
Wem das jetzt zu nerdig war, kann aber auch gerne noch mal nachfragen ;-)