[Need Code]Automatic image resize/zoom if Mouse over

DeLOeM at 15h13
24
Jan
2012
I think you know the problem please help me Laughing Laughing

Reply
1 Rideem3, on 24/01/2012 at 21h17
Do you mean when you hover over an image it gets larger?

Admin Panel -> Display -> Colors -> CSS Stylesheet

Paste:
Code:
img:hover {
width: 00px;
height: 00px;
}


Change 00 to the number of pixels you want Wink
2 Coddy, on 25/01/2012 at 06h38
Or this:
Code:
img{
transition: width 2s;
-moz-transition: width 2s;
-webkit-transition: width 2s;
-o-transition: width 2s;

transition: height 2s;
-moz-transition: height 2s;
-webkit-transition: height 2s;
-o-transition: height 2s;
}

img:hover{
width: 00px;
height: 00px;
}

2s is the amount of time to resize, 00px replace by the value you want as said Rideem. Smile
3 DeLOeM, on 25/01/2012 at 14h03
thanks, is solved
4 Nera., on 25/01/2012 at 15h08
Topic Solved & Locked
Similar topics
light up on mouse over navigation bar {Forumotion}
To make your navigation bar light up when your mouse scrolls over it, and have it shadowed over when it's not, then i'd recommend this code for you I HAVE ONLY TESTED THIS ON FORUMOTION PHPBB3 forums! Here is the complete code: Code:/*
Automatic Picture Resize proposal
If the picture is larger than XXX*XXX px then it will be resized to a smaller version with the upper text in this format: (align left) Size:XXX*XXX, (align right) Click on the image to view it in the full size. How it really looks like on one of the
Resize a Image using HTML
Resize a Image using HTML A basic tutorial for Resizing a Image Its simple:) Evertime you have an image, you're lazy to go resize it, just use the following codes. The HTML will do the work for you. Code:<a href="YOUR URL HERE"
See also
more_less
Informations

4 Replies For the topic :
"[Need Code]Automatic image resize/zoom if Mouse over"

This topic has been viewed 801 times.

Last message :
24/01/2012 at 15h13 by "DeLOeM"