Estoy haciendo una página web y quiero un menú animado que incluye la transición de imágenes en varios sitios de este, encontré dos códigos, pero no logro duplicarlos o usarlos para usar su efecto en varias partes de una misma página de manera independiente; esto es con imágenes diferentes. Necesito usarlo cinco veces en lugares diferentes con imágenes diferentes en la misma página……
Los códigos son los siguientes:
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 1;
var Pix = new Array
("1.bmp"
,"2.bmp"
,"3.bmp"
,"4.bmp"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
Y EL OTRO
<script language="javascript">
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="1.bmp"
randomimages[1]="2.bmp"
randomimages[2]="3.bmp"
randomimages[3]="4.bmp"
randomimages[4]="5.bmp"
randomimages[5]="6.bmp"
var preload=new Array()
for (n=0;n<randomimages.lenght;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(ra ndomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>
************************************************** *************
GRACIAS POR SU AYUDA¡¡¡¡