Javascript - Fade-Rotation

TutorialTutorial von: Isa
Kategorie: JavaScript

In der Tutwishlist kam nach meinem Rotations-Tutorial die Frage auf, ob es eine Möglichkeit gebe Bilder auch ohne Rumgeklicke/Refresh rotieren zu lassen.
Diesen Wunsch werde ich euch heute versuchen zu erfüllen :)

Und zwar gibt es wieder mal bei Dynamic Drive klick dazu ein fertiges Script mit Fadeeffect:

Erklärung:
Man startet Javascript, erstellt ein Array (beginnt stets mit 0) und trägt die Bildurl′s untereinander ein.
Im Beispiel unten hat das Array 4 Werte und endet somit mit dem Feld Nummer 3, ihr könnt natürlich auch noch mehr hinzufügen!
Anschließend bestimmt man eine Hintergrundfarbe und übernimmt einfach das restliche Script.

Script hier runterladen!

Nun muss das Script nur noch angewendet werden.

Dazu ruft man im Bodybereich, an der Posistion, an der man die Bilder sitzen haben möchte (in einem Div) folgendes ein:
Code:
<script type="text/javascript"><br>new fadeshow(fadeimages, 323, 240, 0, 3000, 1, "R") // 1. Zahl: Width der Bilder, 2: Height, 3: Boderwidth<br></script>                        


Download - Code
Viel Spaß :)

Kommentare

Leider haben wir für diesen Eintrag noch keine Kommentare erhalten.

Kommentar schreiben

Name
E-Mail
Homepage
Text
captchaWie viele ausgefüllte Kreise sind auf dem Bild?