Featured post
javascript - jQuery fade li element and cycle it when mouse hovered -
i'm trying recreate effect in jquery, element (<li> <img>
) cycled , has fading effect when hovered. '<li>
' contains '<img>
' (image screenshots). when mouse on top of element keep cycling in '<ul>
' fading effect. when mouse away stop cycling list. want add pager can navigate list.
my existing code: link text
my problem: current code has problem pagination, added images can seen on code. instead of 1-8 only, continued add 1-8 , another. second problem is, start cycling , fading when page loads. cycling , fading should working when mouse on top of element.
i don't know if 'cycle plugin' (plugin home page) required on approach, wan't minimal as possible. use 'cycle plugin' because it's quick answer problem.
thanks , merry xmas!
edits
remove , added link
i wrong, i'm not familiar plugin, seems need id each slideshow have instead of using class are.
i've setup jsfiddle code , tweaked it. below how each slide should function.
- starts on mouse on , stop on mouse out
- changes on mouseover of nav
- changes when nav clicked
the link gave in comments question should guide available options plug-in. in case missed it, here is: plugin options
- Get link
- X
- Other Apps
Comments
Post a Comment