News und Tutorials zu Adobe Photoshop

[GastForen Programme Print/Bildbearbeitung Adobe Photoshop

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste

animation fürs web / Imageready

donkey shot
Beiträge gesamt: 1416

17. Jul 2003, 00:06
Bewertung:

gelesen: 665

Beitrag als Lesezeichen
Naja. Eigentlich gehört das hier eher ins JavaScript- oder GoLive-Forum, aber ich denke, man kann auch mal eine Ausnahme machen.

Hier ist das Skript:

Das schreibst Du in den Head der HTML-Datei:

<SCRIPT LANGUAGE="javascript">

<!--

function swapImg() {

if (document.images) {

document.testbild.src="move.gif"
setTimeout("document.location.href='page2.htm'", 2 * 1000)

}

}

//-->

</SCRIPT>

Den Namen "testdatei" kannst Du natürlich auch austauschen, nur das Bild muß so heißen, wie im <IMG>-Tag (siehe unten).

Bei "page2.htm" setzt Du die Datei ein, auf die Du verweisen willst.

Die Timerzeit steht jetzt auf 2 Sekunden (2*1000 Milllisekunden). Kannst Du natürlich auch verändern, je nach länge Deine Animation.

Und das ist das Bild in der HTML-Datei:

<A HREF="javascript:swapImg()"><IMG SRC="kreis.gif" WIDTH=100 HEIGHT=100 BORDER=0 NAME="testbild"></A>

Wichtig ist, daß der Name, den Du bei NAME="xxx" vergibst mit dem im obigen Skript übereinstimmt.

Und das kommt in den BODY-Tag der HTML-Datei:

ONLOAD="javascript:document.testbild.src='kreis.gif'; new Image("move.gif")"

also zB.

<BODY BGCOLOR="#FFFFFF" ONLOAD="javascript:document.testbild.src='kreis.gif'; new Image("move.gif")">

Das Skript läuft auf allen neueren Browsern, bei denen Java-Skript aktiviert ist.

Hier kannst Du es Dir in Funktion anschauen

http://www.christofbobzin.de/skripts/

grüsse,

Christof

(Dieser Beitrag wurde von donkey shot am 17. Jul 2003, 00:07 geändert)
Dieser Beitrag wurde nicht geändert.