Cicla attraverso le immagini in una directory

Cambiare snowboarding con il nome della directory voluta e la riga "var numImages = 9;" con qualunque sia il numero di immagini desiderate. I nomi delle immagini devono essere nella forma image1.jpg, image2.jpg ... e così via

Mettere questo dentro al tag <head>:

<script language="JavaScript" type="text/javascript">
<!--
var section = "snowboarding";
var numImages = 9;
var imageName = "image"
var swapImage = "swap";
var onImage = 1;

function nextImage() {
 if(++onImage > numImages) onImage = 1;
 setImage(onImage);
}
function previousImage() {
 if(--onImage <= 0) onImage = numImages;
 setImage(onImage);
}
function setImage()
{
 setImageNum(onImage);
}
function createName(num)
{
 var imgSrc = "images/" + section + "/" + imageName;
 imgSrc += num + ".jpg";
 return imgSrc;
}
function setImageNum(num)
{
 var imgSrc = createName(num);
 document.images[swapImage].src= imgSrc;
}
//-->
</script>

I link per andare avanti e indietro:

<a href="#" onClick="previousImage();">Prev</a<a href="#" onClick="nextImage();">Next</a

Per fare lo split dei nomi immagini e renderli dei link (nel body):

<script language="JavaScript">
<!--
for(var i=1; i<numImages; i++)
{
  document.write('<a href="#" onClick="setImageNum(' + i + ');">');
  document.write(createName(i));
  //document.write('<img src="' + createName(i) + '" width="450" height="330" alt="" border="0">');
  document.write('</a>'); document.write('<br />'); } 
  //-->
  </script>

Cicla attraverso le immagini in una directory

Menu