Avatar billede eckhardt Nybegynder
12. september 2007 - 15:54 Der er 2 kommentarer

fast størrelse på billeder i slideshow

hej jeg har lånt denne kilde kode her på side men jeg kunne godt tænke mig at jeg kan bestemme en størrelse som alle billederne vil blive vist i

og hvis man nu kunne ændre den så den automatisk bare tager alle *.jpg filer i en mappe ?

<html>
<Head>

<script type="text/JavaScript">
var tid = 5; // tid i sekunder: 5
var nr = 0; // start ved 0 i arrayen
var img; // brugs til at indeholde en reference til IMG-elementet

// indsæt sti + filnavn her (i samme format):
var billeder = new Array(
"billede01.jpg",
"billede02.jpg",
"billede03.jpg",
"billede04.jpg",
"billede05.jpg"
);

// preload billederne:
for(i=0; i < billeder.length - 1; i++) {
    tmp = new Image();
    tmp.src = billeder[nr];
}

function prevnext(pn)
{
clearInterval(slideshow); // stop timeren
slide(pn); // vis billedet
slideshow = setInterval("prevnext('next')", tid * 1000); // start timere om igen
}

function slide(pn)
{
if (pn == "prev") {
  // brugeren har klikket på "Forrige"
    if (nr > 0) {
        // vi er ikke ved starten endnu = træk 1 fra
        nr--;
    }    else {
        // vi er nået start = nr sættes til nul
        nr = 0;
    }
} else {
    // enten har brugeren klikket næste, eller "automatisk"
    if (nr < billeder.length - 1) {
        // der er stadig flere billeer = læg 1 til
        nr++;
    }    else {
        // vi er nået til det sidste billede = start om
        nr = 0;
    }
}
img.src = billeder[nr]; // vis det nuværende billede
}

function setup()
{
img = document.getElementById('slideshow'); // opret reference til IMG-objektet
slideshow = setInterval("slide('next')", tid * 1000); // start timeren
}

</script>

</head>
<body onload="setup()">
<a href="#" onclick="prevnext('prev');return false;">Forrige</a> - <a href="#" onclick="prevnext('next');return false;">N&aelig;ste</a>
<br>
<img src="billede1.jpg" id="slideshow">

</body>
</html>
Avatar billede eckhardt Nybegynder
12. september 2007 - 16:25 #1
nå har fået en anden kilde kode som jeg bedre kan lide
men vil stadigvæk gerne have hjælp til at jeg kan bestemme en størrelse som alle billederne vil blive vist i

og hvis man nu kunne ændre den så den automatisk bare tager alle *.jpg filer i en mappe ?

ny kilde kode

<html>
<Head>

<script type="text/javascript">
var imageArr = ["billede01.JPG","billede02.jpg","billede03.jpg","billede04.jpg","billede05.jpg"];
function initImageArr() {
    var cache_arr = new Array();
    for (i=0;i<imageArr.length;i++) {
      cache_arr[i] = new Image();
      cache_arr[i].src = imageArr[i];
    }
}
var imageNum = 0;
var opdatering = 3000; //antal millisekunder hvert billede skal stå
function slideshow() {
      document.images["slideshowimage"].src = imageArr[imageNum++];
      window.setTimeout("slideshow();",opdatering);
}
function slideshow() {
      document.images["slideshowimage"].src = imageArr[imageNum++];
      if (imageNum == imageArr.length) {imageNum = 0;}
      window.setTimeout("slideshow();",opdatering);
}

</script>

<body onload="initImageArr();slideshow();">
<img src="billede01.JPG" name="slideshowimage" />

</body>
</html>
Avatar billede roenving Novice
13. september 2007 - 11:53 #2
<img src="billede01.JPG" name="slideshowimage" style="width:400px;height:300px;">
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