HTML Code for Photo to Grow Big on Mouse Hover

 

PHOTO GROW BIG/ Change Size ON MOUSE HOVER

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0aNOXA3cilDVEwUogD7zsNbXl5zJ6j-7a3l86eTsA7v4nWV3t26nFs2ac9wxL3ykGvI5HALOFCmxp1zd02wD5A2F3lgDF_1KW9mjTj0m4qyWMdKpR9NX2KZCC05pifJ418mYx5hURyNo/s800/Books.png" width="150" height="100" name="image_name"

onmouseover="image_name.width='300';image_name.height='200';"

onmouseout="image_name.width='150';image_name.height='100';" />

↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝↝

 

 Change the size of the photo on mouse hover

<a href='http://bubblelinkz.blogspot.com/' target="_blank" >

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0aNOXA3cilDVEwUogD7zsNbXl5zJ6j-7a3l86eTsA7v4nWV3t26nFs2ac9wxL3ykGvI5HALOFCmxp1zd02wD5A2F3lgDF_1KW9mjTj0m4qyWMdKpR9NX2KZCC05pifJ418mYx5hURyNo/s800/Books.png" width="90" name="worm"

onmouseover="worm.width='300'

onmouseout="worm.width='90';" /></a>

The HTML code above is a simple set of code that can make a huge difference on the way visitors navigate on your Blog's photos. Once you hoover the mouve over the image or photo it will enlarge. They don't need to click the photo for it to enlarge, it will just automatically grow big everytime a mouse pointer pass by it and will return to its original size when the mouse pointer is not on top of the image.