• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Slideshow bei Parallax-Effekt

Aaron3219

Aaron3219

Senior HTML'ler
Hallo liebes Forum,
im Moment sitze ich an einer Slideshow, welche an sich auch kein Problem darstellt. Jedoch hat das Bild einen Parallax-Effekt und ich weiß nicht, wie ich das bewerkstelligen soll. Ich kriege meinen Pfad zum Bild durch "data-image-src="img/city.jpg""
und daraus wird dann eine CSS-Class gebildet.

Hier einmal das Skript (nicht von mir):
* parallax.js v1.4.2 (http://pixelcog.github.io/parallax.js/)
* @copyright 2016 PixelCog, Inc.
* @license MIT (https://github.com/pixelcog/parallax.js/blob/master/LICENSE)
*/

Mir würden Denkanstöße reichen.
Danke für jede Hilfe

@edit: link zur seite:
https://www.xn--frachtagentur-krger-lbc.de/test/index.html
 
Werbung:
Aaron3219 schrieb:
Hallo liebes Forum,
im Moment sitze ich an einer Slideshow, welche an sich auch kein Problem darstellt. Jedoch hat das Bild einen Parallax-Effekt und ich weiß nicht, wie ich das bewerkstelligen soll. Ich kriege meinen Pfad zum Bild durch "data-image-src="img/city.jpg""
und daraus wird dann eine CSS-Class gebildet.

Hier einmal das Skript (nicht von mir):
* parallax.js v1.4.2 (http://pixelcog.github.io/parallax.js/)
* @copyright 2016 PixelCog, Inc.
* @license MIT (https://github.com/pixelcog/parallax.js/blob/master/LICENSE)
*/

Mir würden Denkanstöße reichen.
Danke für jede Hilfe

@edit: link zur seite:
https://www.xn--frachtagentur-krger-lbc.de/test/index.html
Zum Vergrößern anklicken....

Ich denke das wird mit dieser Library nicht funktionieren.
Soweit ich gesehen habe legt diese jeweils pro Objekt ein "prallax-mirror" Element an, welches die Darstellung übernimmt. Das klappt nur bei einem einfachen Bild.

Über Video oder sogar HTML Content habe ich auf die schnelle nichts im Repo gefunden.
 
Ich könnte jederzeit eine Reaktion hinzufügen, jeodch funktioniert dann der Parallax-Effekt nicjt mehr.

Edi: warte ich füge eben ein bild hinzu
 
Werbung:
Gut habe es jetzt hinzugefügt. Ist zwar noch nicht ausgerichtet, aber es funktioniert.
Das Problem ist auch, dass ich das Bild immer ersetzten muss. Also mit javascript replacen muss. Ansonsten schiebt er das Bild aufgrund der automatischen Skalierung wieder zurück. Diese ist aber notwendig.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben