Script para nombre de imagen

medinauta · #1 (**permalink**) 17/10/2003, 12:44

Quiero hacer un "slideshow"
Tengo 115 imágenes con nombres numéricos en secuencia, desde "001" hasta "115"

¿Cómo hago un script que haga que el nombre de origen de la imágen cambie automáticamente y al llegar a la número 115,
repita desde la 001?

El script del slide show es:

Código PHP:

  var slideShowSpeed = 5000;

var crossFadeDuration = 3;

var Pic = new Array();

Pic[0] = '001.jpg'

Pic[1] = '002.jpg'

// etc hasta el 115

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>

Y en el body:

Código PHP:

  <BODY onLoad="runSlideShow()">

<tr> 

<td id="VU"><img src="001.JPG" name='SlideShow'>

</td></tr>

</body>

matcruz · #2 (**permalink**) 17/10/2003, 21:00

Esta linea de tu codigo hace lo que necesitas, al llegar al numero máximo de imagenes vuelve a iniciar de 0

if (j > (p - 1)) j = 0;

Ahora para depurar tu código lo que puedes hacer es crear un ciclo para crear el array Pic

algo mas o menos a esto

for(a=0;a<150;a++){
if(a <= 9 )
Pic[a] = '00' + (a + 1) + ".jpg" ;
if(a <= 99 && a >= 10 )
Pic[a] = '0' + (a + 1) + ".jpg" ;
if(a >=100)
Pic[a] = (a + 1) + ".jpg" ;
}

Esto te crearia el arreglo y te ahorras mucho trabajo y espacio

Perdon por la sintaxis pero es solo para dar una idea