Avatar billede passiflora Juniormester
03. februar 2008 - 10:02 Der er 9 kommentarer og
1 løsning

Slide show af billeder fra mappe

Ville gerne have en række billeder fra en mappe til at stå og skifte.

Kan det mon skrives enkelt i js.

Nogen der i øvrigt kan anbefale en go' begynder js bog.

Søren
Avatar billede w13 Novice
03. februar 2008 - 13:43 #1
JavaScript kan ikke gå ind og hente filer fra en mappe - til det behøver du noget ServerSide Script, eks. ASP eller PHP. Slideshowet laves så selvfølgelig i JS.
Avatar billede passiflora Juniormester
03. februar 2008 - 14:04 #2
Ok tak ...

Så jeg får asp (i mit tilfælde) til at hente, skal de mon så bare vises i et div tag, hvor så js'en kan skifte imellem de forskellige img'er ...
Avatar billede w13 Novice
03. februar 2008 - 14:06 #3
Nej, jeg ville nok generere et array med dem. Men hvis du finder en slideshow-kode, kan du jo få ASP til at sætte dem ind i den, som de bør stå.
Avatar billede passiflora Juniormester
03. februar 2008 - 14:10 #4
Ok ... får asp'en til at bygge array'et ud fra de filer der faktisk ligger i mappen. Må ud at lede ...
Avatar billede passiflora Juniormester
03. februar 2008 - 14:21 #5
Nogen ide til hvor jeg lettest finder et enkelt script ...
Avatar billede w13 Novice
03. februar 2008 - 14:33 #6
Hvordan havde du tænkt dig, det skulle skifte mellem billederne? Skulle de bare skifte eller skulle de fade?
Avatar billede passiflora Juniormester
03. februar 2008 - 14:57 #7
Som start blot et skifte, og så kan jeg måske finde noget "pænere" sidenhen, vil gerne kunne gennemskue bare lidt af det jeg har på min side ...
Avatar billede w13 Novice
03. februar 2008 - 15:04 #8
Så kan du vel bruge følgende:
------------------------------------------------
<html>
<head>
</head>
<body>
<div id="slideshow"></div>
<script type="text/javascript">
var arrImg=new Array("/images/billede1.jpg","/andet/t1.bmp","/images/billede2.jpg");
var slideshow=document.getElementById("slideshow");
var delay=2000;
for(i=0;i<arrImg.length;i++){
    slideshow.appendChild(document.createElement("div"));
    slideshow.lastChild.style.display=i==0?"inline":"none";
    slideshow.lastChild.setAttribute("id",arrImg[i]);
    slideshow.lastChild.appendChild(document.createElement("img"));
    slideshow.lastChild.lastChild.setAttribute("src",arrImg[i])
}
function ShowImg(i){
    document.getElementById(arrImg[i]).style.display="none";
    i++;if(i==arrImg.length) i=0;
    document.getElementById(arrImg[i]).style.display="inline";
    setTimeout("ShowImg("+i+")",delay)
}
window.setTimeout("ShowImg(0)",delay)
</script>
</body>
</html>
----------------------------------------
Så er det bare dette, der skal genereres med ASP:
var arrImg=new Array("/images/billede1.jpg","/andet/t1.bmp","/images/billede2.jpg");
Avatar billede passiflora Juniormester
03. februar 2008 - 15:25 #9
Tusinde tak ... tester lidt senere ...

Søren
Avatar billede w13 Novice
03. februar 2008 - 15:30 #10
Oki! Og tak for point! :)
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