Avatar billede sito Nybegynder
03. september 2004 - 12:24 Der er 3 kommentarer og
2 løsninger

skiftende billder?

hej

Kan man lave en slags delay funktion, der gør at et billede skifter efter for eksempel 5 sekunder? Jeg har 3 billeder på forsiden af mit website, og jeg vil gerne have at der skiftes imellem de 3 billeder.

Håber i kan hjælpe.
Avatar billede sthen Nybegynder
03. september 2004 - 12:48 #1
Det kan sagtens laves, men er nok lettest at få til at fungere via et JavaScript.
Avatar billede sthen Nybegynder
03. september 2004 - 12:58 #2
Indsæt flg. i <head>

<SCRIPT type='text/javascript'>

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'images/billede1.jpg'
Pic[1] = 'images/billede2.jpg'
Pic[2] = 'images/billede3.jpg'


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>



I <body>-tagget indsætter du så:
onLoad="runSlideShow();"



Til sidst indsætter du så i din body, hvor billederne skal køre, som f.eks.:

<img src="images/billede1.jpg" name='SlideShow' width=200 height=150 alt="">
Avatar billede sthen Nybegynder
03. september 2004 - 13:01 #3
Men hvis dette ikke kører som du ønsker kan du altid søge på diverse sider for gratis JavaScripts. Søg efter: Slideshow.

Anvendelige sider kan være:
http://dynamicdrive.com/
http://javascript.internet.com/
http://wsabstract.com/cutpastejava.shtml
Avatar billede sito Nybegynder
03. september 2004 - 14:49 #4
Kanon, det ser supergodt ud, tak for hjælpen, og der er point på vej :)
Avatar billede sthen Nybegynder
03. september 2004 - 15:31 #5
Tak-tak
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