¿Que tal foreros?
-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();
}