Как поправить скрипт, чтобы размер картинок при наведении в процентах не просто увеличивался, а прибавлялся к существующему?

Question

[legatobrown]

Вот скрипт при наведении меняется размер картинки, как сделать, чтобы к размеру картинки в процентах просто прибавлялось значение процентов, например +10%?

<script>
    window.onload = function(){
        var image = document.getElementsByClassName("image7");
        var maxWidth = "60%";
        var minWidth = "56%";
        var i2;
        for (i2 = 0; i2 < image.length; i2++) {
            image[i2].onmouseover = function(){
                this.style.width = maxWidth;
            };
            image[i2].onmouseout = function(){
                this.style.width = minWidth;
            };
        }
    };
</script>

Answer 1

[Spartak (Web-StyleStudio)]

window.onload = function(){
	var image = document.getElementsByClassName("image7");
	//var maxWidth = "60%";
	//var minWidth = "56%";
	var i2, imgWidth;

	for (i2 = 0; i2 < image.length; i2++) {
		imgWidth = parseFloat(this.style.width);
		image[i2].onmouseover = function(){
			this.style.width = parseFloat(imgWidth + 10) + "%";
		};
		image[i2].onmouseout = function(){
			this.style.width = imgWidth;
		};
	}
};

Answer 2

[Артур Т]

Попробуй так
this.style.width += maxWidth;