JavaScript funciona no IE, mas não no FireFox.

[gustavogts]

Seguinte galera, um amigo me passo um JavaScript pra eu por no meu site. A função dele é mudar imagens automaticamente em um determinado intervalo de tempo.

O código é o seguinte:

<script language="JavaScript1.2">

/***********************************************

* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['images/comunicado.png', '?teen=evento_namorados', '']

variableslide[1]=['images/ranksemanal.png', '?teen=comprar_vip', '']

variableslide[2]=['images/comunicado.png', '?teen=store_raro', '']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='530px' //set to width of LARGEST image in your slideshow

var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description

var slidebgcolor='#fff'

//configure the below variable to determine the delay between image rotations (in miliseconds)

var slidedelay=8000

////Do not edit pass this line////////////////

var ie=document.all

var dom=document.getElementById

for (i=0;i<variableslide.length;i++){

var cacheimage=new Image()

cacheimage.src=variableslide[0]

}

var currentslide=0

function rotateimages(){

contentcontainer='<left>'

if (variableslide[currentslide][1]!="")

contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'

contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'

if (variableslide[currentslide][1]!="")

contentcontainer+='</a>'

contentcontainer+='</left>'

if (variableslide[currentslide][2]!="")

contentcontainer+=variableslide[currentslide][2]

if (document.layers){

crossrotateobj.document.write(contentcontainer)

crossrotateobj.document.close()

}

else if (ie||dom)

crossrotateobj.innerHTML=contentcontainer

if (currentslide==variableslide.length-1) currentslide=0

else currentslide++

setTimeout("rotateimages()",slidedelay)

}

if (ie||dom)

document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){

crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub

if (document.layers)

document.slidensmain.visibility="show"

rotateimages()

}

if (ie||dom)

start_slider()

else if (document.layers)

window.onload=start_slider

</script>

Ele funciona perfeitamente no IE, mas quando entro no site pelo Firefox, fica tudo em branco.

alguém que entenda de Javascript pode re-passar este código, com as devidas alterações para que funcione no IE e no FireFox.

Agradeço quem puder ajudar.

Editado Junho 14, 2009 por gustavogts

[fiote]

Se você jogar isso ae no FF e olhar o console de erros, vai ver que o erro está na linha 55,

crossrotateobj.innerHTML=contentcontainer

Parece que alguém também deu ctrl+c nesse mesmo código e teve o mesmo problema...

www.google.com.br + crossrotateobj.innerHTML=contentcontainer = resultado do google

Primeiro resultado = PROFIT!

=]

Editado Junho 14, 2009 por fiote

[Eliseu M.]

Tenta usar esse code aqui:

http://javascript.internet.com/miscellaneo...ge-rotator.html

falou!