Actuellement, je travaille sur un curseur d'image avec JQuery. J'ai téléchargé le code du net. My Code Demo est ici .
Ma question est la suivante: comment puis-je supprimer la hauteur et la largeur fixant de manière dynamique à la balise d'image comme style inline?
merci.
6 Réponses :
Essayez d'utiliser ce code:
$('your-image').css({
width: 'auto',
height: 'auto'
});
Quel navigateur? J'ai vérifié dans FF et Chrome et les attributs de style en ligne ont été supprimés comme vous le souhaitez. Si vous souhaitez définir une taille "originale", essayez d'utiliser "Auto" au lieu de "".
yaa u r bien, mais quand je clique sur l'image suivante, la taille passe à nouveau à sa valeur prédéfinie .Comment résoudre ce problème?
Où puis-je voir ce comportement? "Prédéfini" C'est "non original, mais réglé par le style en ligne"?
yaa u r en ce moment j'ai eu mes ans j'ai retiré la hauteur et la largeur dans boutique_min.js #boutique .front img {marge: 6px; largeur: 280px; hauteur: 400px} et a maintenant mon image d'origine avec leur hauteur et leur largeur d'origine. Mais la mise en page est totalement changée homme Hw puis-je résoudre celui-là.
Je peux résoudre ce problème sans voir toute la photo. Donnez un lien vers votre page où la démo est (avec vos correctifs pour la largeur / hauteur)
yaa je sais mon pote que tu peux, mais en fait, mon code est sur localhost et je suis incapable de vous montrer celui-là. ok pouvez-vous faire 1 chose donnez-moi votre identifiant gmail je peux montrer des coups d'écran u de mes problèmes ....
Pour que cela fonctionne de toutes manières, vous devez supprimer l'attribut et le CSS. Ceci est un travail sur mon code.
$('your-image')
.removeAttr("width").removeAttr("height")
.css({ width: "", height: "" });
C'est une solution très simple avec jQuery. J'ai trouvé la réponse à wpwizard.net.
Voici l'URL: http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/
Voici la jQuery:
$('img').width('auto').height('auto');
hériter pourrait être l'une des voies.
p>
$('your-image').css({ width: "inherit", height: "inherit" });
Vous pouvez aussi le faire avec Vanilla JavaScript.
let articleContentImages = document.getElementById("articleContent").getElementsByTagName("img");
for(let i = 0; i < articleContentImages.length; i++){
articleContentImages[i].style.height = "auto";
articleContentImages[i].style.width = "auto";
}
Qu'attendez-vous que la grande et la largeur est-elle après son retrait? 0?
Je m'attends à ce que si je supprime la hauteur et la largeur, il doit prendre la hauteur et la largeur d'origine et non celle du code qui leur assigne ..