Comment changer le CSS après le chargement paresseux d’image (jQuery)?

J’ai le problème suivant: lorsque l’utilisateur clique sur une image miniature, une image plus grande est chargée avec un chargement différé et s’ouvre. Le code pour charger la plus grande image est:

Lorsque l’utilisateur clique sur une image miniature, le code suivant est exécuté:

 $("img.thumb").click(function() { var $cont = $(this).siblings('.item-content').children('.big'); $cont.attr('src', $cont.attr("data-original")); setTimeout(function(){ $cont.css({'height': 'auto', 'width': '100%'}); }, 600); }); 

Le CSS "height" chaque grande image doit être réglé sur "auto" , et la "width" définie sur "100%" car je crée une présentation réactive / fluide. Le code ci-dessus tire sa valeur d’atsortingbut "src" atsortingbut "data-original" . Mais "height: auto" et "width:100%" sont définis dans cet exemple à 600ms après le remplacement des atsortingbuts. Cela ne fonctionne pas car j’utilise le plugin Isotope jQuery ( http://isotope.metafizzy.co/ ) pour cela et ce plugin a besoin de la largeur et de la hauteur réelles de l’élément pour positionner correctement la grid. Lorsque "height: auto" et "width:100%" sont définis lors du chargement d’une image, le plug-in est perdu et positionne les éléments de manière incorrecte.

Alors, comment coder pour définir ces 2 propriétés CSS après le chargement de l’image?

• jQuery ajax loading – affiche l’image de chargement pendant min. de 1 seconde
• Comment retarder l’affichage du texte HTML jusqu’au chargement de l’image-object de l’image d’arrière-plan?
• Fancybox: Afficher l’animation de chargement lors du chargement du contenu iframe
• Comment afficher le chargement de spinner dans une zone de texte en cliquant sur un bouton?
• Jquery: images fadeIn après le chargement du DOM. Fonctionne parfois ..?

• afficher le message de chargement lors du chargement du contenu dans asp à l’aide de jquery ajax
• chargement dynamic d’images jQuery
• Chargement de l’animation HTML
• Flexslider lazyloading – chargez une image uniquement lorsque vous en avez vraiment besoin
• Fancybox causant des temps de chargement lents dans IE?

 $('img.big').load(function() { if($(this).attr('src') == $(this).attr('data-original')) { $(this).css({'height': 'auto', 'width': '100%'}); } });