Zoom und Lupe
Beim Klick auf ein kleines Bild öffnet sich ein Standardbild, beim Fahren mit der Maus über das Standarbild wird ein vergrößertes Zoombild gezeigt, dass den Bewegungen der Maus folgt.
Head zu Bild Spalte 2
Head zu Bild Spalte 2, Head zu Bild Spalte 2
Das Standardbild wird in einem Überleger gezeigt, die darunter liegende Seite weiß abgesoftet. Natürlich kann in anderen Fällen das Standard- und Zoombild auch auf einer eigenen Seite gezeigt werden.
Das Standardbild wird in einem Überleger gezeigt, die darunter liegende Seite weiß abgesoftet. Natürlich kann in anderen Fällen das Standard- und Zoombild auch auf einer eigenen Seite gezeigt werden.
Head zu Bild Spalte 3
Head zu Bild Spalte 3, Head zu Bild Spalte 3
In der Desktop-Variante stehen Standard- und Zoombild immer mittig auf dem Bildschirm (unabhängig der Scrollhöhe), das Standardbild rechts und das Zoombild links der Mitte. Beim ersten Breakpoint liegt das Standardbild genau mittig, das Zoombild liegt darüber.
In der Desktop-Variante stehen Standard- und Zoombild immer mittig auf dem Bildschirm (unabhängig der Scrollhöhe), das Standardbild rechts und das Zoombild links der Mitte. Beim ersten Breakpoint liegt das Standardbild genau mittig, das Zoombild liegt darüber.
Head zu Bild Spalte 4
Head zu Bild Spalte 4, Head zu Bild Spalte 4
Beim zweiten Breakpoint wird die Zoomansicht verkleinert. Bei Überfahren des kleinen Bildes wird der Mauszeiger zur Lupe, sofern vom Browser unterstützt. Der Mauszeiger (Kreis/Fadenkreuz) beim Standardbild ist eine erstellte .cur-Datei und kann beliebig geändert werden.
Beim zweiten Breakpoint wird die Zoomansicht verkleinert. Bei Überfahren des kleinen Bildes wird der Mauszeiger zur Lupe, sofern vom Browser unterstützt. Der Mauszeiger (Kreis/Fadenkreuz) beim Standardbild ist eine erstellte .cur-Datei und kann beliebig geändert werden.
Head zu Bild Spalte 5
Head zu Bild Spalte 5, Head zu Bild Spalte 5
Beim Beispiel dieser Seite sind die Texte von kleinem Bild und Überleger identisch; der Überleger kann jedoch auch nur aus dem Bild bestehen oder beliebigen anderen Content haben. Der Vergrößerungsfaktor wird durch das Zoombild bestimmt, hier Standardbild: 400px, Zoombild: 800px.
Beim Beispiel dieser Seite sind die Texte von kleinem Bild und Überleger identisch; der Überleger kann jedoch auch nur aus dem Bild bestehen oder beliebigen anderen Content haben. Der Vergrößerungsfaktor wird durch das Zoombild bestimmt, hier Standardbild: 400px, Zoombild: 800px.
Head zu Bild Spalte 6
Head zu Bild Spalte 6, Head zu Bild Spalte 6
Beschreibung zum Bild, hier die Beschreibung zum Bild oben, hier die Beschreibung zum Bild, Beschreibung zum Bild
Beschreibung zum Bild, hier die Beschreibung zum Bild oben, hier die Beschreibung zum Bild, Beschreibung zum Bild
Head 7
Head 8
Head 9
Head 10
Head 11
Head 12
Ralf Schmidt
Bonner Straße 19
40589 Düsseldorf
Telefon: 0211 79 48 41 4
Mobil: 0178 64 52 52 7
Bonner Straße 19
40589 Düsseldorf
Telefon: 0211 79 48 41 4
Mobil: 0178 64 52 52 7
Softscroll/Slider • Karteikarten • Zoom/Lupe
Versetztes Scrollen • translate css, js
translate GSAP • Scrollbalken, Silbentrennung
Versetztes Scrollen • translate css, js
translate GSAP • Scrollbalken, Silbentrennung
Diese Seite ist nicht öffentlich
und dient nur privaten Testzwecken
und dient nur privaten Testzwecken