-Odio a internet explorer :D-
Hice un slide en jQuery para animar una pequeña galeria de imagenes.
http://www.imagina.com.uy/bentancorleborgne/?page_id=2
Funciona divino en Firefox, en Safaria, y en IE 8.
Pero del IE7 hacia atras me da error. Me salta un mensaje que dice:
Tengo un par de script funcionando en esta pagina, pero asumo este es el codigo ya que el error salta cuando intento deslizar la galeria y no con ninguno de los otros scripts que hay en la web:
Código:
// JavaScript Document $(document).ready(function() { var tablaWidth = parseFloat($('.imagenesWrapper table').css('width'), 10); var tdWidth = parseFloat($('.imagenesWrapper table tr td').css('width'), 10) + parseFloat($('.imagenesWrapper table tr td').css('margin-right'), 10); var cantCeldas = tablaWidth / tdWidth - 1; var posActual = 0; var leftCSS = 1; if(cantCeldas==1) { $('#leftArrow').hide(); $('#rightArrow').hide(); }else { $('#rightArrow').show(); } $('#rightArrow').click(function() { if(leftCSS < tablaWidth) { posActual += 1; /* LINEA 20 DEL CODIGO */ leftCSS = moverTabla(posActual, cantCeldas, tdWidth); //la funcion moverTabla retorna el valor de 'leftCSS' por q esta variable es necesaria para algunas condiciones en esta parte del codigo } }); $('#leftArrow').click(function() { if(posActual > 0) { posActual -= 1; leftCSS = moverTabla(posActual, cantCeldas, tdWidth); } }); }); function moverTabla(pos, cantidad, tdWidth) { var leftCSS = pos * tdWidth; $('.imagenesWrapper table').animate( {left: '-' + leftCSS +'px'}, 'slow'); mostrarOcultarFlechas(pos, cantidad); return leftCSS; } function mostrarOcultarFlechas(pos, cantidad) { //mostrar-ocultar flecha izquierda if(pos==0) $('#leftArrow').hide(); else if($('#leftArrow').css('display') == 'none') $('#leftArrow').show(); //mostrar-ocultar flecha derecha if(pos==cantidad) $('#rightArrow').hide(); else if($('#rightArrow').css('display') == 'none') $('#rightArrow').show(); }