Avatar billede fmadsen9800 Nybegynder
11. marts 2012 - 06:54 Der er 4 kommentarer

Animation

Hej Eksperten
Jeg har den kode som skal skifte billede hvert 3. sekund:

<script type="text/javascript">
image1= new Image
image1.src ="/FH1.jpg"
image2= new Image
image2.src ="/FH2.jpg"
image3= new Image
image3.src ="/FH3.jpg"
image4= new Image
image4.src ="/FH4.jpg"
image5= new Image
image5.src ="/FH5.jpg"
image6= new Image
image6.src ="/FH6.jpg"
image7= new Image
image7.src ="/FH7.jpg"
image8= new Image
image8.src ="/FH8.jpg"
image9= new Image
image9.src ="/FH9.jpg"
image10= new Image
image10.src ="/FH10.jpg"

nr=1;

function golink()
{
if (nr==1)
location.href="http://danflyv.dk/ (...)
if (nr==2)
location.href="http://danflyv.dk/ (...)
if (nr==3)
location.href="http://danflyv.dk/ (...)
if (nr==4)
location.href="http://danflyv.dk/ (...)
if (nr==5)
location.href="http://danflyv.dk/ (...)
if (nr==6)
location.href="http://danflyv.dk/ (...)
if (nr==7)
location.href="http://danflyv.dk/ (...)
if (nr==8)
location.href="http://danflyv.dk/ (...)
if (nr==9)
location.href="http://danflyv.dk/ (...)
if (nr==10)
location.href="http://danflyv.dk/ (...)
}

function skift()
{
nr++;
if (nr==11) nr=1;
document.FH.src="FH/FH" + nr + ".jpg";
setTimeout("skift()",3000);
}
</script>

</STYLE>
</HEAD>
<BODY style="MARGIN: 0px;BACKGROUND: #007236">

<body onload="skift()">

<img alt="" src="FH4.jpg" name="FH" onclick="golink();" title="FH" width="184" height="184">

</BODY>

Linket hvor det er på er: http://danflyv.dk/ (...)
Men som i nok kan se så skifter den ikke men viser kun det ene billede ud af 10.

Håber i kan og vil hjælpe mig da jeg gerne vil have det til at virke.

Med venlig hilsen
Frederik Madsen
Avatar billede JensPeterSvensson Nybegynder
11. marts 2012 - 10:15 #1
Noget i retning af dette.

<script type="text/javascript">
images= new Array();

function make(src, alt, link){
  var img = new Image();
  img.src = src;
  images.push({img:img,alt:alt, link:link});
}
make("/FH1.jpg","FH1","http://danflyv.dk/ (...)");
make("/FH2.jpg","FH2","http://danflyv.dk/ (...)");
make("/FH3.jpg","FH3","http://danflyv.dk/ (...)");
make("/FH4.jpg","FH4","http://danflyv.dk/ (...)");
make("/FH5.jpg","FH5","http://danflyv.dk/ (...)");
make("/FH6.jpg","FH6","http://danflyv.dk/ (...)");
make("/FH7.jpg","FH7","http://danflyv.dk/ (...)");
make("/FH8.jpg","FH8","http://danflyv.dk/ (...)");
make("/FH9.jpg","FH9","http://danflyv.dk/ (...)");
make("/FH10.jpg","FH10","http://danflyv.dk/ (...)");

s = images.shift();
function golink(){
  location.href=s.link;
}

function skift()
{
  images.push(s);
  s = images.shift();
  document.getElementById("FH").src=s.img.src;
  document.getElementById("FH").alt=s.alt;
  setTimeout("skift()",3000);
}
</script>

</STYLE>
</HEAD>
<BODY style="MARGIN: 0px;BACKGROUND: #007236">

<body onload="skift()">

<img alt="" src="FH1.jpg" id="FH" onclick="golink();" alt="FH1" title="FH" width="184" height="184">

</BODY>
Avatar billede fmadsen9800 Nybegynder
11. marts 2012 - 17:40 #2
Hej Jens Peter,
Jeg har sat koden ind på hjemmeside nu, men den viser stadig kun et billede: http://danflyv.dk/proeve.html

Ved du hvad der kan være galt eller er der andre der ved det vil jeg meget gerne have et svar :-)

Med venlig hilsen
Frederik Madsen
Avatar billede olsensweb.dk Ekspert
11. marts 2012 - 21:50 #3
du kunne jo prøve at validerer din side http://validator.w3.org/check?uri=http%3A%2F%2Fdanflyv.dk%2Fproeve.html&charset=%28detect+automatically%29&doctype=Inline&group=0

dette går ikke
<BODY style="MARGIN: 0px;BACKGROUND: #007236">
<body onload="skift()">

No DOCTYPE found! --> IE går i quick mode og ignorer store dele af CSS :)

læg din style op i CSS sectionen


dit eks let rettet http://experten.olsensweb.dk/959125/index1.html

JensPeterSvensson eks http://experten.olsensweb.dk/959125/1.htm

istedet for alle dine if'er brug en switch og brug img id http://experten.olsensweb.dk/959125/index2.html

sådan kunne man også lave den, og er ligesom JensPeterSvensson nemt at vedligeholde
http://experten.olsensweb.dk/959125/index3.html
Avatar billede JensPeterSvensson Nybegynder
12. marts 2012 - 05:28 #4
Bruger du ikke en editor med syntaksfarvning?

Du har skrevet dit script tag inde i style tag så det bliver aldrig fortolket.

Er rimeligt let at se i FF view source.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester