Comment augmenter la hauteur et la largeur d'une image dans jquery jusqu'à une certaine limite?

Question

J'ai deux images et celles-ci sont superposées l'une sur l'autre en utilisant z-index. Je veux augmenter leur hauteur et largeur de 20 à partir de leur hauteur et largeur actuelles chaque fois qu'un bouton est cliqué. J'ai assigné la hauteur et la largeur à une image en utilisant une classe de css et pour une autre image en utilisant la propriété de style dans la balise <img>.

Amis! J'ai augmenté la hauteur et la largeur d'une image en définissant sa hauteur et sa largeur. Mais ceci est réalisé par un codage dur de sorte qu'il ne fonctionne qu'une seule fois, c'est-à-dire lorsque le bouton est cliqué la première fois.

Question 1. Comment puis-je augmenter la hauteur et la largeur des deux images en même temps à partir de leur hauteur et largeur actuelles?

S'il vous plaît me guider amis!

Answer 1

Avez-vous essayé width et height fonctions:

var img = $('#imgid'); 
img.width(img.width() + 20); 
img.height(img.height() + 50);