Grafische Effekte für Bilder und Texte


Jan-Frederik Stieler

Monsterator
Moderator
#2
Hi,
Das ist JavaScript.
Aber welche Algorithmen da jetzt genau zum Einsatz kommen müsste ich auch suchen oder Du schaust Dir den Nivoslider mal im Detail an wie die das lösen.

Gruß
 

Technipion

Erfahrenes Mitglied
#4
Hallo bofh1337,
bei sowas hilft dir der Seitenquelltext immer weiter :D

Erstmal grundsätzlich zur Slideshow: Wenn du wissen möchtest, wie man so etwas erstellt, schau dir z.B. mal diesen Link hier an: https://www.w3schools.com/howto/howto_js_slideshow.asp
Zur Not hilft Google immer weiter.

Scheinbar interessierst du dich aber mehr für die Überblendungen der einzelnen Bilder. Ein Blick in den Quelltext der Seite zeigt, dass die Hauptklasse sich hier befindet: http://www.unitecms.net/media/com_nivosliderpro/assets/nivo-slider/js/jquery.nivo.slider.js

Die Klasse bietet Funktionen für die Animationen. Soweit ich das sehen kann mindestens "slice animations" und "box animations". Das müsste das sein, wofür du dich interessierst.

Gruß Technipion
 

bofh1337

Erfahrenes Mitglied
#5
Hallo bofh1337,
bei sowas hilft dir der Seitenquelltext immer weiter :D

Erstmal grundsätzlich zur Slideshow: Wenn du wissen möchtest, wie man so etwas erstellt, schau dir z.B. mal diesen Link hier an: https://www.w3schools.com/howto/howto_js_slideshow.asp
Zur Not hilft Google immer weiter.

Scheinbar interessierst du dich aber mehr für die Überblendungen der einzelnen Bilder. Ein Blick in den Quelltext der Seite zeigt, dass die Hauptklasse sich hier befindet: http://www.unitecms.net/media/com_nivosliderpro/assets/nivo-slider/js/jquery.nivo.slider.js

Die Klasse bietet Funktionen für die Animationen. Soweit ich das sehen kann mindestens "slice animations" und "box animations". Das müsste das sein, wofür du dich interessierst.

Gruß Technipion
Du hast Recht, es ist tatsächlich der Novaslider. Ich habe eine weitere Demo davon gefunden :)

https://www.jqueryscript.net/demo/nivo-slider/