javascript - how can i restrict that image dont resize more than a particular limit -


i have used effect.scale property image goes on resizing without anylimit.

suppose remove mouse image in between time image scales full percentage specified , again keep mouse cursor on there..... again grows bigger.. downscaling much.

how can prevent it? please me out

<img src="test.gif" id="test"alt="online test portal"  style="position:absolute;top:935.5px;left:300px" title="online test portal" onmouseover= "new effect.scale('test', 150,{scalex: true, scaley: true}); return false;" onmouseout="new effect.scale('test', 66.67,{scalex: true, scaley: true}); return false;" /> 

you pure css.

img { transition: .2s linear; } img:hover { transform: scale(1.1); } 

Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -