Maison  >  Article  >  interface Web  >  code js qui réduit automatiquement les images dans une zone spécifiée (pour éviter que la page ne soit brisée par des images)_compétences javascript

code js qui réduit automatiquement les images dans une zone spécifiée (pour éviter que la page ne soit brisée par des images)_compétences javascript

WBOY
WBOYoriginal
2016-05-16 16:58:521161parcourir

Copier le code Le code est le suivant :

< img height= "800" alt="" width="1280" src="/down/js/images/12498880470.jpg" />




Cela signifie contrôler la taille de l'image dans la zone désignée, ou certaines publicités plus grandes L'image sera également déformée.

Code de contrôle d'image utilisé par Script House :

Copier le code Code Comme suit :

function controlImg(ele,w,h){
var c=ele.getElementsByTagName("img");
for(var i=0;i var w0=c[i].clientWidth,h0=c[i].clientHeight;
var t1=w0/w,t2=h0/h;
if(t1> ; 1||t2>1||w0>=600){
c[i].width=Math.floor(w0/(t1>t2?t1:t2));
c[i]. height =Math.floor(h0/(t1>t2?t1:t2));
if(document.all){
                       c[i].outerHTML='' c[i].outerHTML ''
}
else{
c[i ] .title="Ouvrir l'image dans une nouvelle fenêtre";
                                                                                                                                                                }



ele est la zone spécifiée, w est la largeur maximale, si elle est plus grande que cela, elle sera réduite. h est la hauteur maximale.
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn