Comments on: jQuery image slide on hover effect

By: brobison

brobison — Fri, 30 Jul 2010 19:05:11 +0000

You should be able to chain multiple animations together. If you would like a pause before each animation, try using jQuery's delay() method. I believe it was introduced in jQuery 1.4, so make sure to use at least that version.

By: Bassem B.

Bassem B. — Wed, 28 Jul 2010 09:01:15 +0000

Blaine,

Been looking for this effect for a long time. Thanks a lot!

I have a question:

How to show several sliding pics on hover?
For 4 frames my 200×200 DIV would have a 800×200 image inside it.
On hover each ‘frame’ would slide over every 1 second or so, and stop at the last frame.
On mouseout it slides all the way back to the start.

Sort of like an automatic slider activating on hover, and resetting on mouseout.

By: Jordan

Jordan — Tue, 13 Jul 2010 02:05:32 +0000

Yeah, i had all the links messed up. I got it working about an hour after posting

By: brobison

brobison — Sun, 11 Jul 2010 16:14:24 +0000

Hey Jordan,

Just checked the link you’ve provided and it appears to be working correctly. Let me know if this is not the case.

By: Jordan

Jordan — Sun, 11 Jul 2010 03:57:57 +0000

Hi there. My images don’t move when you roll over them. What am I doing wrong?
http://rctgeneration.comuf.com

By: Jeff

Jeff — Sun, 04 Jul 2010 12:29:32 +0000

thanks admin~ u save my life xD

By: brobison

brobison — Fri, 02 Jul 2010 20:38:06 +0000

Adding “left:0″ to “#vertical img” and “#horizontal img” should fix it.

#vertical img, #horizontal img {
position:absolute;
left:0;
}

By: Jeff

Jeff — Wed, 30 Jun 2010 15:35:09 +0000

hi there, this plugin rock but i having problem with my image… do you mind to have a look what’s going wrong at my page?

http://henshin.my/thunder/?page=products

my image align was not right but after the hover effect the image went back to normal

mind to have a look? if you need source code please let me know i will post it at here.

P/S: im a beginner coder sorry if i anything go wrong.

By: prakash

prakash — Thu, 11 Mar 2010 06:03:10 +0000

how can I call the effect from external link? currently it only works when you hover your mouse on the image. I want it to be work when you mouseover or click on link outside of the container.

By: brobison

brobison — Fri, 12 Feb 2010 17:38:35 +0000

By default, images don't receive the same type of cursor as links do. Thanks to CSS, we can change the mouse cursor by using the cursor property. Try something like this:


.pointer {cursor:pointer}