Beerslider-Test
Vorher/Nachher Effekt für Bild-Elemente (html/JQuery)
Quellen und Anleitung:
- https://pepsized.com/beer-slider-responsive-accessible-before-after-slider/
- https://pepsized.com/demo/beer-slider-responsive-accessible-before-after-slider-demo/
- https://codepen.io/pehaa/pen/PdJqPE
Beerslider Beispiel 1
Beerslider-Widget
Quelldateien
Achtung! Die Quelldateien müssen deckungsgleich sein - andernfalls ist keine korrekte Darstellung möglich bzw. die Bilder müssen dazu aufwendig nachbearbeitet werden. Am besten die Kamera auf ein Stativ montieren und dieses mit Stand-Markierungen versehen. Die Kamera möglichst nicht kippen, um stürzende Linien zu vermeiden!
...original - leider nicht deckungsgleich und mit stürzenden Linien (vertikale)
...perspektivisch bearbeitet, Abmessungen angeglichen
...weitere Beerslider-Beispiele
Beerslider-Widget
Beispiel 2
Beispiel 3
Beerslider-Skripte