Mus-Svans - variationer

På föregående sida beskrivs hur du går till väga för att låta muspekaren följas av bilder. Du kan självklart byta ut bilderna mot dina egna. Här följer några variationer av orginalscriptet. Observera att scriptet inte fungerar på en "tom" sida.

Scriptet fungerar utmärkt i: Internet Explorer, Netscape, Mozilla och Opera.

Koden till "cursortrail-scriptet" är skrivet av Brian Caputo, hämtat från Dynamic Drive och är fritt att använda. Men de tillåter inte att man redistribuerar koden. Men ingen fara - du kan hämta koden där i stället. Hur det går till beskrivs på föregående sida. Klicka här!

Exempel 1

Exempel 1 - öppnas i eget fönster.

För att få koden att fungera som i exemplet ovan med bilderna nedan måste du ändra den ursprungliga koden (markerat med rött):

A=document.getElementById
B=document.all;
C=document.layers;
T1=new Array("bild6.gif",45,45,"bild5.gif",45,45,"bild4.gif",45,45,"bild3.gif",45,45,"bild2.gif",45,45,"bild1.gif",45,45) // Dina bildnamn med bredd och höjd i pixlar. 6 st.

var offsetx=0 //x offset of trail from mouse pointer
var offsety=0 //y offset of trail from mouse pointer

•  Ändra koden i scriptet på din sida så att det ser ut som ovan.
•  Bilderna i exemplet är mina original! Högerklicka och spara i samma mapp som din sida!

•  Glöm inte att ladda upp bilderna i rätt mapp på din server.

Exempel 2

Här används används endast två bilder.

Exempel 2 - öppnas i eget fönster.

För att få koden att fungera som i exemplet ovan med bilderna nedan måste du ändra den ursprungliga koden (markerat med rött):

A=document.getElementById
B=document.all;
C=document.layers;
T1=new Array("diff.gif",45,45,"diff.gif",45,45,"diff.gif",45,45,"diff.gif",45,45,"diff.gif",45,45,"bee_ani.gif",45,45)

var offsetx=0 //x offset of trail from mouse pointer
var offsety=0 //y offset of trail from mouse pointer

•  Ändra koden i scriptet på din sida så att det ser ut som ovan.
•  Bilderna i exemplet är mina original! Högerklicka och spara i samma mapp som din sida!

•  Glöm inte att ladda upp bilderna i rätt mapp på din server.

Alternativ bild:

Exempel 3

Här används används endast en bild.

Exempel 3 - öppnas i eget fönster.

För att få koden att fungera som i exemplet ovan med bilderna nedan måste du ändra den ursprungliga koden (markerat med rött):

A=document.getElementById
B=document.all;
C=document.layers;
T1=new Array("bild.gif",45,45,"bild.gif",45,45,"bild.gif",45,45,"bild.gif",45,45,"bild.gif",45,45,"bild.gif",45,45)

var offsetx=0 //x offset of trail from mouse pointer
var offsety=0 //y offset of trail from mouse pointer

•  Ändra koden i scriptet på din sida så att det ser ut som ovan.
•  Bilden i exemplet är mitt original! Högerklicka och spara i samma mapp som din sida!

•  Glöm inte att ladda upp bilden i rätt mapp på din server.

Det här scriptet är skrivet av Brian Caputo och är hämtat från: Dynamic Drive. Om du vill använda scriptet MÅSTE du låta den inledande copyright-noteringen stå kvar! Idéer till förändringar av scriptet från Lissa Explains it All.