Search jQuery

jQuery Forum

jQuery image hover function

in Using jQuery • 12 years ago

Hi Everyone,

I'd like to accomplish a simple image rotator using jquery (and possibly php - for an img dir) that would rotate thru images on hover at a high speed.

An example of this on www.cargocollective.com is accomplished with flash, but i'd like to use jquery if possible.

I've been searching around the forums for a solution, but can't seem to find anything.
I'm pretty new with this stuff so the solution may just be a few simple tweaks using the cycle plugin.

Any ideas?

Thanks.

Replies(2)

1uka.z

Re: jQuery image hover function

12 years ago

Hi try this:

$("#canvasDiv").mouseover(function(){
$('this').cycle({
fx: 'none',
delay :10, //Play with this value, the minor the value, faster the transition
timeout: 0 // Same the above line
});
});

On the "canvasDiv" <div> you could or should, load your images from a Dir with PHP and paste them. Even you could load them by Ajax, create each one with jQuery and append them to the <div> xD

Don't know if works; I`m no jQuery Guru anyway.

Hope it helps, if not sorry, at least I tried ;-)

Good Luck

darkship

Re: jQuery image hover function

12 years ago

Thanks 1uka.z -
I can't seem to get this to work. Also, I think I want to forgo using php.
Is there any way to create a jquery slideshow that only plays on mouseover and pauses on mouse out.
That's really the only thing I need.

Any other help is greatly appreciated.

Top Reply

Response title

Attachments

jQuery Forum

jQuery image hover function

Replies(2)

Re: jQuery image hover function

Re: jQuery image hover function

Statistics

Tags

Actions