need full free register code please email to support@airysoftware.com

  • need full free register code please email to support@airysoftware.com

  •   Afficher le code ci-dessous:

      $ (Document).prêt (function () {

      var = img_h $ img.la taille ();

      var = img_w $ img.largeur ();

      })

      Il n''y a pas de problème dans le code ci-dessus dans IE et Firefox, mais le problème peut appara?tre dans Google, la raison pour laquelle la taille est en rupture de stock, car l''image est pas chargé.

      Modifié comme suit:

      $ (Document).prêt (function () {

      $ Img.charger (function () {

      var = img_h $ img.la taille ();

      var = img_w $ img.largeur ();

      })

      })

      Encore un peu de temps à partager la prochaine jQuery changer dynamiquement la taille de l''image de la méthode d''affichage, comme suit.

      Quand nous voulons montrer les coulisses passe sur un certain nombre d''images de tailles différentes, afin d''assurer la coordination et la cohérence de la proportion de la taille de l''image, vous devez modifier dynamiquement la taille d''affichage de l''image.En effectuant une recherche, nous pouvons trouver le code jQuery pour obtenir cette fonctionnalité de l''Internet comme suit.Ce code permet la taille de l''image est maintenue dans une certaine plage, si les dimensions de l''image d''origine sont supérieures à la valeur max *, la largeur de l''image affichée sont égales.

      Code d''origine:

      $ (Document).prêt (function () {

      $ ( ''.poste img ? ).chaque fonction (() {

      var maxWidth = 100; // largeur maximale de l''image

      var maxHeight = 100; // images de la hauteur maximale

      rapport var = 0; // mise à l''échelle

      var width = $ (ce).largeur (); // largeur réelle de l''image

      var height = $ (this).hauteur (); // la hauteur réelle de l''image

      // vérifier si l''image large

      if (largeur> maxWidth) {

      rapport = maxWidth / largeur; // calculer la mise à l''échelle

      $ (Ce).css ( "largeur", maxWidth); // régler la largeur de l''affichage actuel

      // hauteur après le calcul de mise à l''échelle; hauteur = hauteur * Ratio

      $ (Ce).Après mise à l''échelle de la hauteur // Set similaires; css ( ? hauteur ?, hauteur)

      }

      // vérifier si l''image ultra-haute

      si (hauteur> maxHeight) {

      rapport = maxHeight / hauteur; // calculer la mise à l''échelle

      $ (Ce).css ( "hauteur", maxHeight); // régler la hauteur de l''affichage actuel

      // hauteur après calcul mise à l''échelle; width = largeur * Ratio

      $ (Ce).// régler la hauteur de l''échelle proportionnellement, ( ? largeur ?, la largeur ratio *) css

      }

      });

      });

      Dans mon code js, il a pris une telle approche.Cependant, dans les différents résultats des tests de navigateurs, il a été constaté que cette formulation ne peut pas satisfaire le navigateur Chrome (chrome version 10.0.648.204), produira l''image est affichée dans le bogue de la taille d''origine.Plus tard, le $ ( ''.poste img ? ).chaque code () avec $ (fenêtre).charge méthode se termine, il résout le navigateur Chrome () ne pas afficher les bonnes questions.Alors, pourquoi générer des bugs dans le navigateur Chrome, et (document) $.prêt et $ (fenêtre).Quelle différence il charge?

      L''événement prêt document original est chargé DOM qui est prêt à commencer la mise en ?uvre du document HTML, même si les ressources d''image ne sont pas encore chargées à venir.Et plus tard, en cas de charge de la fenêtre exécute certains d''entre eux, ce fut seulement après la page entière, y compris les images, les objets et les images sont chargées pour commencer la mise en ?uvre.Cette distinction peut être analysée à partir d''un navigateur Chrome pour les images sans utiliser $ (fenêtre).charge () méthode de traitement du temps, chargé d''un ordre d''exécution de code de l''image change dynamiquement est pas.

      -------------------------------------------------- -

      Par-dessus tout, le contenu de la classe de l''article, en ce qui concerne le code ci-dessus une erreur quand je mets la hauteur de l''image de la page, ce qui suggère qu''il n''y a pas de méthode pour fournir une largeur

      var width = $ (ce).largeur (); // largeur réelle de l''image

      var height = $ (this).hauteur (); // la hauteur réelle de l''image

      Par conséquent, modifiez le code comme suit:

      jQuery (fenêtre).charger (function () {

      jQuery ( ? div.product_info img ? ).chaque fonction (() {

      DrawImage (ce, 680, 1000);

      });

      });

      fonction DrawImage (IMGD, FitWidth, FitHeight) {

      image var = new Image ();

      image.src = https: // www.jb51.net / article / IMGD.src;

      if (Image.largeur> 0 && l''image.hauteur> 0) {

      if (Image.largeur / image.hauteur> = FitWidth / FitHeight) {

      if (Image.largeur> FitWidth) {

      IMGD.largeur = FitWidth;

      IMGD.hauteur = (l''image.hauteur * FitWidth) / image.largeur;

      } Autre {

      IMGD.largeur = Image.largeur;

      IMGD.hauteur = Image.la taille;

      }

      } Autre {

      if (Image.hauteur> FitHeight) {

      IMGD.hauteur = FitHeight;

      IMGD.largeur = (l''image.largeur * FitHeight) / image.la taille;

      } Autre {

      IMGD.largeur = Image.largeur;

      IMGD.hauteur = Image.la taille;

      }

      }

      }

      }

      Je suis plus que le contenu à part est de savoir comment résoudre jquery ne peut pas obtenir une image méthode suivante jquery Google navigateur pour modifier dynamiquement la taille de l''affichage de la taille et de l''image, je l''espère que vous l''aimez, l''espoir que les amis s''il vous pla?t continuer à se concentrer sur ce site, merci.

      Vous pouvez également être intéressé par l''article: En utilisant le navigateur jQuery ne détermine pas la hauteur de résolution de l''analyse difficile navigateur Firefox avec une action de glisser du navigateur mobile jquery iframe problèmes très adaptatifs.Uploadify plugin HTTP 302 télécharger Temps erreur jQuery plug-in Zclip obtenir parfaitement compatible avec un navigateur cliquez sur Copier le contenu dans le presse papier

    Comment résoudre la taille jquery ne peut pas obtenir une image suivante navigateur Google

    Recommend Article: