Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/08/2010, 10:38
Facundo72
 
Fecha de Ingreso: julio-2010
Mensajes: 15
Antigüedad: 14 años, 4 meses
Puntos: 0
Reparar/adaptar código jQuery para IE

Gracias a la muy generosa aportación de Mayid (gracias de nuevo) conseguí este código para una página con varias galerías de imágenes. [URL="http://www.forosdelweb.com/f127/variable-para-atributo-id-seleccionado-824866"]Ésta es la historia.[/URL]

Aquí el código:
Código:
$(document).ready(function(){
    $('div.espacios a').click(function (evt) {
        evt.preventDefault();
        
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        
        escenario = $(this).siblings("div.escenario");
        loader = escenario.children("div.loader");
        
        loader.fadeIn("slow", function() {
        
        laImagen = escenario.children("img");
        
        laImagen.attr({ src: largePath, alt: largeAlt }).load(function() {
        loader.fadeOut("slow");
        });
    });
});
El problema es que con IE (de la versión 7 en adelante) en el primer 'click' para cambiar la imagen, se queda el div con el gif animado (loader): no hace fadeOut. Repito que sólo sucede con Internet Explorer y es sólo en el primer 'click'.

Recibid un cordial saludo.

Última edición por Facundo72; 09/08/2010 a las 10:43