Si les images que nous voyons sur la page sont des miniatures, alors nous devons faire une image cliquez pour agrandir l'image. Alors, comment pouvons-nous obtenir la largeur et la hauteur d'origine de l'image? La méthode est la suivante:
// Obtenez la largeur d'origine de la fonction d'image getNaturalWidthandHeight (img) {var image = new Image (); image.src = img.src; return [image.width, image.height];} // cliquez sur la couche pop-up de vignette pour afficher l'image d'origine. // Obtenez l'image sous toutes les balises P sous la classe en tant que tz_main_box img $ (". Tz_main_box p> img"). Chaque (fonction (k, v) {$ (this) .unbind ("click"); // unbind pour empêcher plusieurs couches d'image de getNaturalWidThandHeight (IMG); var couchewidth = imgarea [0] + 5; if (couchewidth> 1080) {couchewidth = 1080; false, closebtn: 0, zone: ['' + couchewidth + 'px', '' + coucheHeight + 'px'], skin: 'Layui-Layer-Nobg', // no Background Color shadeclose: true, closebtn: 1, // show frotter Button Content: "<Center> <img src = '" + $ (this) .Attr ("src") + "'> </ Center>"});});}) ;;}) ;;});Le code d'application JS ci-dessus pour obtenir la largeur et la hauteur d'origine de l'image est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.