[SOLUCIONADO] Javascript no se ve en Internet Explorer

[djkiku]

Hola, tengo un Javascript que lo que hace es rotar las imagenes.. el caso es que en Internet explorer no se en las imagenes, solo se ven puntos.. que rotan... una cosa bastante rara...

Hay alguna manera de arreglar eso? o simplemente hay que buscar otro javascript que sea adaptable a todos los navegadores?

[David]

Si nos dices cuál es el código que estás usando quizás podamos ayudarte.

[djkiku]

Gnieal, muchisimas Gracias David

El sitio web es este: http://www.nuevamarca.com/

Y el script es el que esta en la cabecera girando (para verlo bien el mejor navegador de chrome)

Gracias nuevamente!

[djkiku]

También lo publico entero... aun que es muy largo:

Código HTML:

<div id="marca-barra"> <script type="text/javascript">
//Ancho (en pixeles)
var sliderwidth="732px"
//Alto
var sliderheight="60px"
//Velocidad 1-10
var slidespeed=1
//Color de fondo:
slidebgcolor=""

//Vínculos y enlaces de las imágenes
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.nuevamarca.com/2013/01/marca-abogados-gratis.html" title="marca abogados gratis"><img class="marca-marca" alt="marca abogados gratis" border="0" src="http://1.bp.blogspot.com/-_HDthiM90wQ/UPU-ohdQA2I/AAAAAAAAAVU/OgXO0YGpb4Q/s1600/marca-abogados-gratis.png" height="Xpx"></a>'
leftrightslide[1]='<a href="http://www.nuevamarca.com/2013/01/marca-sms-gratis.html" title="marca sms gratis"><img class="marca-marca" alt="marca sms gratis" border="0" src="http://4.bp.blogspot.com/-RdXX8t_mqMk/UPU-ucDj-0I/AAAAAAAAAXM/lhNLUKQISuU/s1600/marca-sms-gratis.png" height="Xpx"></a>'
leftrightslide[2]='<a href="http://www.nuevamarca.com/2013/01/marca-tv-online.html" title="marca tv online"><img class="marca-marca" alt="marca tv online" border="0" src="http://3.bp.blogspot.com/-OIfZa5HKtLQ/UPU-vcw8-lI/AAAAAAAAAXs/JA_D7sMVFy4/s1600/marca-tv-online.png" height="Xpx"></a>'
leftrightslide[3]='<a href="http://www.nuevamarca.com/2013/01/marca-documentales-gratis.html" title="marca documentales"><img class="marca-marca" alt="marca documentales gratis" border="0" src="http://1.bp.blogspot.com/-Bj_U53-cXUo/UPU-qHVDkXI/AAAAAAAAAVw/gFPaXSP9zg4/s1600/marca-documentales.png" height="Xpx"></a>'
leftrightslide[4]='<a href="http://www.nuevamarca.com/2013/01/marca-humor.html" title="marca humor"><img class="marca-marca" alt="marca humor" border="0" src="http://4.bp.blogspot.com/-bL5lrT7PD3o/UPU-rfn3LLI/AAAAAAAAAWU/XN-nMoTWht8/s1600/marca-humor.png" height="Xpx"></a>'
leftrightslide[5]='<a href="http://www.nuevamarca.com/2013/01/marca-juegos-gratis.html" title="marca juegos gratis"><img class="marca-marca" alt="marca juegos gratis" border="0" src="http://1.bp.blogspot.com/-cO2kN1oe_Po/UPU-rja7ndI/AAAAAAAAAWY/6xzfN6TpiJw/s1600/marca-juegos-gratis.png" height="Xpx"></a>'
leftrightslide[6]='<a href="http://www.nuevamarca.com/2013/01/marca-cursos-gratis.html" title="marca cursos gratis"><img class="marca-marca" alt="marca cursos gratis" border="0" src="http://2.bp.blogspot.com/-Pk5K_vRKTec/UPU-paFKe3I/AAAAAAAAAVg/5P9EMMkike0/s1600/marca-cursos-gratis.png" height="Xpx"></a>'
leftrightslide[7]='<a href="http://www.nuevamarca.com/2013/01/marca-tiendas-online.html" title="marca tiendas online"><img class="marca-marca" alt="marca tiendas online" border="0" src="http://3.bp.blogspot.com/-ObQkLaRZ_Sc/UPU-uhU8rsI/AAAAAAAAAXU/k-RJLB73zoE/s1600/marca-tiendas-online.png" height="Xpx"></a>'
leftrightslide[8]='<a href="http://www.nuevamarca.com/2013/01/marca-apostar-apuestas.html" title="marca apostar apuestas"><img class="marca-marca" alt="marca apostar apuestas" border="0" src="http://3.bp.blogspot.com/-YSqkhBymU_E/UPU-o7ZMfMI/AAAAAAAAAVY/sZ9lgoEJliw/s1600/marca-apostar-apuestas.png" height="Xpx"></a>'
leftrightslide[9]='<a href="http://www.nuevamarca.com/2013/01/marca-trabajo.html" title="marca trabajo"><img class="marca-marca" alt="marca trabajo" border="0" src="http://3.bp.blogspot.com/-zUVNLPJF7gw/UPU-u9CDbrI/AAAAAAAAAXY/xEgZtC_bGvk/s1600/marca-trabajo.png" height="Xpx"></a>'
leftrightslide[10]='<a href="http://www.nuevamarca.com/2013/01/marca-finanzas.html" title="marca finanzas"><img class="marca-marca" alt="marca finanzas" border="0" src="http://2.bp.blogspot.com/-WPQDlKapo9M/UPU-qsQZ6CI/AAAAAAAAAWA/NVrZHFV5zfo/s1600/marca-finanzas.png" height="Xpx"></a>'
leftrightslide[11]='<a href="http://www.nuevamarca.com/2013/01/marca-noticias.html" title="marca noticias"><img class="marca-marca" alt="marca noticias" border="0" src="http://1.bp.blogspot.com/-zKOgCBIKcfw/UPU-shxmLcI/AAAAAAAAAWw/dTHCxf4xw1s/s1600/marca-noticias.png" height="Xpx"></a>'
leftrightslide[12]='<a href="http://www.nuevamarca.com/2013/01/marca-el-tiempo.html" title="marca el tiempo"><img class="marca-marca" alt="marca el tiempo" border="0" src="http://3.bp.blogspot.com/-8fbJNRtqWuo/UPU-qXwUVcI/AAAAAAAAAV4/T7TNzlOSoaA/s1600/marca-el-tiempo.png" height="Xpx"></a>'
leftrightslide[13]='<a href="http://www.nuevamarca.com/2013/01/marca-recetas.html" title="marca recetas"><img class="marca-marca" alt="marca recetas" border="0" src="http://3.bp.blogspot.com/-h2hiI0pzwSM/UPU-tlZxlKI/AAAAAAAAAW4/sBjAr7p35Vc/s1600/marca-recetas.png" height="Xpx"></a>'
leftrightslide[14]='<a href="http://www.nuevamarca.com/2013/01/marca-amor.html" title="marca amor"><img class="marca-marca" alt="marca amor" border="0" src="http://4.bp.blogspot.com/-_gcLzAySxuI/UPU-o-th_lI/AAAAAAAAAVc/0Fydss7cyxc/s1600/marca-amor.png" height="Xpx"></a>'
leftrightslide[15]='<a href="http://www.nuevamarca.com/2013/01/marca-segundamano.html" title="marca segundamano"><img class="marca-marca" alt="marca segunda mano" border="0" src="http://1.bp.blogspot.com/-JM7wNYpkBfk/UPU-t2mGzrI/AAAAAAAAAXE/zZFUNzWhE7Y/s1600/marca-segundamano.png" height="Xpx"></a>'
leftrightslide[16]='<a href="http://www.nuevamarca.com/2013/01/marca-vuelos-baratos.html" title="marca vuelos baratos"><img class="marca-marca" alt="marca vuelos baratos" border="0" src="http://4.bp.blogspot.com/-FYTXIFKpfUA/UPU-wduygbI/AAAAAAAAAXw/S3PqZS9jnNI/s1600/marca-vuelos-baratos.png" height="Xpx"></a>'
leftrightslide[17]='<a href="http://www.nuevamarca.com/2013/01/marca-horoscopo-tarot-gratis.html" title="Marca Horoscopo Tarot Gratis"><img class="marca-marca" alt="marca horoscopo tarot gratis" border="0" src="http://4.bp.blogspot.com/-QN_TyKQhjJo/UPU-rGc1zjI/AAAAAAAAAWI/Jb8A7nKdZjE/s1600/marca-horoscopo-tarot-gratis.png" height="Xpx"></a>'
leftrightslide[18]='<a href="http://www.nuevamarca.com/2013/01/marca-pagina-web-gratis.html" title="marca pagina web gratis"><img class="marca-marca" alt="marca pagina web gratis" border="0" src="http://3.bp.blogspot.com/-qlpSadq2ets/UPU-tc5YR6I/AAAAAAAAAW8/KEmIYzMWJe0/s1600/marca-pagina-web-gratis.png" height="Xpx"></a>'
leftrightslide[19]='<a href="http://www.nuevamarca.com/2013/01/marca-desahucios.html" title="marca desahucios"><img class="marca-marca" alt="marca desahucios" border="0" src="http://3.bp.blogspot.com/-CB-9QZ0s2wg/UPU-pk2_c6I/AAAAAAAAAVo/Wd8-PFaPa70/s1600/marca-desahucios.png" height="Xpx"></a>'

var imagegap=""
var slideshowgap=5


var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</div> 

[fishdesign]

En este post podrás ver una colección de efectos (tal y como necesitas) en Javascript y Cross browser: http://www.forosdelweb.com/f179/apor...query-1031381/

[djkiku]

Muchas Gracias ! Tendré que volverlo a montar... esperare haber si tiene solución este y si no, me pondré a montar el que comentas :)

Gracias!

[David]

Quítale ese height="Xpx" a las imágenes.

[djkiku]

Iniciado por David

Quítale ese height="Xpx" a las imágenes.

Dioss.. Que grande!!! Era eso! Ahi le has dado! Ahora va más que perfecto! Muchísimas Gracias!!!!

[horoscopogratis55]

yo estaba buscando esto
muy buen trabajo que ha hecho