Avatar billede jazmin1980 Nybegynder
29. marts 2005 - 20:28 Der er 7 kommentarer

Hjælp til et større slideshow

Jeg er rimelig nybegynder i alt sådanne noget, så jeg vil virkelig sætte pris på hjælp... Har forhørt mig flere steder, men ingen har kunne hjælpe endnu.

Jeg er ved at lave en hjemmeside, og hvis I lige tager et kig på toppen af min forsiden så vil I måske bedre forstå hvad det er jeg mener... www.mcleods-daughters.dk

De fem billeder der er i toppen, der vil jeg gerne have de 3 af dem til at skifte til et andet billede en gang i minuttet ca. Det er det første-, det midereste- og det sidste billede der skal skifte til et andet.
Jeg har ladet mig høre at det kan lade sig gøre, men jeg har næsten givet fortabt med selv at rode med det... kan kun få et billede til at skifte...

En der kan udarbejde en kode til mig??? PLEASE
Avatar billede bromer Nybegynder
29. marts 2005 - 20:36 #1
Her er et eksempel på, hvordan du kan skifte et billede frem og tilbage:

<img src='1.jpg' alt='one' id='one'/>

<script type='text/javascript'>
function skift() {
    img = document.getElementById('one');
    if (img.alt == 'one') {
        img.src = '2.jpg';
        img.alt = 'two';
    } else {
        img.src = '1.jpg';
        img.alt = 'one';
    }
}
</script>
<a href='java script:skift();'>test</a>

Så du kan sætte en timer der kaleder en funktion når der skal skiftes og så skal du bare duføres skiftet på de tre billeder.
Avatar billede jazmin1980 Nybegynder
29. marts 2005 - 20:40 #2
Jeg har allerede denne fine kode, men indsætter jeg den to gange efter hinanden så virker kun den første kode.

<script language="javascript">

/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/

var delay=8000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

randomimages[1]="http://web52854.ta18.talkactive.net/activebuilderfiles/mcleods-daughters.dk/1111484364.jpg"
randomimages[2]="http://web52854.ta18.talkactive.net/activebuilderfiles/mcleods-daughters.dk/1111484383.jpg"


var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

</script>
Avatar billede roenving Novice
29. marts 2005 - 22:48 #3
En simpel løsning på det problem kan være at give variablerne og funktionerne et andet navn i den anden udgave, selv om det bestemt ikke er optimalt ...

var delay2 = 60000;
var curindex2 = 0;

var randomimages2 = new Array();

osv.

-- det gælder så også f.eks. billed-navnet:

document.write('<img name="defaultimage2" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage2()
{
Avatar billede jazmin1980 Nybegynder
30. marts 2005 - 08:46 #4
Hvad mener du når du skriver at den ikke er optimal?
Avatar billede roenving Novice
02. april 2005 - 15:32 #5
Det er ikke optimalt, for man kan, ved at gøre nogle relativt simple ting, bruge den samme kode flere gange !-)
Avatar billede jazmin1980 Nybegynder
02. april 2005 - 18:26 #6
Jeg er ikke meget for at indrømme det, men jeg kan slet ikke finde nu af at få nr. 2 kode til at virke. Har VIRKELIG brug for hjælp til det slideshow.

Hvis en gad lave en færdig kode til mig, hvor jeg bare selv skulle indsætte linksene til ALLE billeder, ville jeg meget gerne betale for det.
Avatar billede jazmin1980 Nybegynder
04. april 2005 - 14:49 #7
Roenving:

Gider du ikke rette hele kode til med det andet navn... Ved nemlig ikke hvad der er variabler og funktioner...

Jeg vil være meget taknemmelig
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