Avatar billede kanyle Nybegynder
22. december 2005 - 08:31 Der er 3 kommentarer

Dynamisk billedvisning

Er der nogen, der kan hjælpe mig med at lave et script som kan opfylde følgende ønsker:

Jeg har 4 billed-placeholders på samme side, som skal vise 4 forskellige, tilfældige billeder fra en mappe. De må aldrig vise de samme billeder på samme tid.

Billederne skal udskiftes på samme tid og det ville være fedt, hvis jeg kunne definere hvor lang tid billederne skal vises.

Jeg har ca 300 billeder i én mappe. Antallet af billeder øges - jeg lægger ofte nye billeder ind.

Alle billeder er samme størrelse.

/kanyle
Avatar billede roenving Novice
24. december 2005 - 16:58 #1
Hvis billed-navnene er til rådighed i en javascript-variabel kan man sagtens lave noget, men du er nødt til at aflæse mappens indhold med noget server-side, for det kan javascript ikke !-)
Avatar billede kanyle Nybegynder
25. december 2005 - 11:39 #2
Billednavnene kan godt være til rådighed.

Anyone...?
Avatar billede roenving Novice
25. december 2005 - 13:01 #3
F.eks.

<script type="text/javascript">
var mappe = "http://www.ditDomaine.dk/billedmappe/";
var billeder = ["billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg","billed6.jpg", "billed7.jpg","billed8.jpg","billed9.jpg","billed10.jpg","billed11.jpg"];
var act = new Array(billeder.length,billeder.length,billeder.length,billeder.length);

function showPics(){
  for(i=0;4>i;i++){
    var num = Math.floor(Math.random()*billeder.length);
    var used = num==act[0]||num==act[1]||num==act[2]||num==act[3];
    while(used){
      num = Math.floor(Math.random()*billeder.length);
      used = num==act[0]||num==act[1]||num==act[2]||num==act[3];
    }
    act[i] = num;
    document.getElementById("pic"+i).src = billeder[num];
  }
}
window.onload = showPics;
</script>

<img src="billed1.jpg" style="width:100px" id="pic0"><br>
<img src="billed2.jpg" style="width:100px" id="pic1"><br>
<img src="billed3.jpg" style="width:100px" id="pic2"><br>
<img src="billed4.jpg" style="width:100px" id="pic3"><br>

-- absolut utestet og kun lavet for at du kan se princippet, for der er masser af muligheder for at tænke anderledes !-)
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