CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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>

Synes godt om

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

Synes godt om

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

Synes godt om

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.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS