Comment trouver la dimension de la lightbox?

Question

À propos des visionneuses. La boîte ajuste sa dimension pour correspondre à l'image. La question est de savoir comment la boîte de trouver la taille de l'image?

Answer 1

Je suppose quelque chose comme:

imgWidth = $(img).width(); 
imgHeight = $(img).height(); 

Il charge l'image dans un élément caché (ou écran positionné off), obtenir les dimensions, animer le récipient à monter, puis exposer l'image (généralement via une sorte de transition/animation).

Answer 2

Pour répondre au commentaire sur la détection de son chargement terminé, je crois que vous pouvez utiliser l'événement onLoad. en jquery ce regarderait somthing comme:

$('img').attr('src', 'uri/for/image').load(callbackFunction);

ou manuellement:

var tmp = new Image(); 
tmp.onload = callbackFunction; 
tmp.src = 'uri/for/image'; 

votre callbackFunction pourrait alors utiliser $(this).height() et $(this).height() en toute sécurité. donc votre callbackFunction est où vous auriez la logique réelle pour déclencher le reste de votre implémentation.

dans beaucoup de cas, si vu ce rappel (ou son implémentation équivalente) simplement définir une variable globale, puis ailleurs dans le code, vous verrez l'interrogation de cette variable tous N ms. et quand c'est réglé, il va déclencher le reste du script.