[jQuery] Re: Cycle Plugin Help - Image Anchors

[Charlie]

take a look at this demo   http://malsup.com/jquery/cycle/goto2.html would this work better for you?  Change the inputs to a ul and insert your images? Add functions to change class on active image if you want to do any css to active pager image. I'm pretty sure you can use options "before" and "after" to put in a function like toggleClass()  to change css on active image Another way to go is modify this demo    http://malsup.com/jquery/cycle/pager7.html Make an array or index function of your images source and change the image source for pager from: slide.src to something like myImageSource[idx] combining various demo concepts and functions  is the way to look at what you are trying to do Erik R. Peterson wrote: Could you take a look at my page? http://www.enaturalskin.com Erik On Jun 26, 2009, at 6:31 PM, Charlie wrote: I did one similar to what you are trying to do using looped slider . I wanted the pagination images , which were different than the slide images, to do a hover type effect of highlighting the active one. I put an image directly into the <a> tag and the corresponding off image in background. Set display:none for the foreground images. Paginator adds an ActiveClass and for that set display:block on image so the highlighted image would show Should be fairly easy to do same in cycle using the event options to trigger add & remove class Erik R. Peterson wrote: I'm confused.  these are images from the slides being used in the Cycle. What if I wanted to use GIF's that are not related to the images? Would something like this work in the CSS? #nav a {width:27px; height:27px; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 10px;background: url('/img/slides/bullet_1.gif') no-repeat;  cursor: pointer; }  #nav a.activeSlide {height:21px;background-position: -27px;}  #nav a:focus {width:27px; outline: none; cursor: pointer;}  #nav img {width:27px; height:21px; padding: 10px 10px 10px 10px; border: none; display: block; cursor: pointer; }� Erik On Jun 26, 2009, at 3:43 PM, Charlie wrote: look through the examples some more, there's quite a few of them with image rollovers. Then look through the options API and see how to customize them to do almost whatever you are needing http://www.malsup.com/jquery/cycle/pager6.html Erik R. Peterson wrote: Is it possible to use image rollovers instead of the default text that comes with the plugin? http://www.malsup.com/jquery/cycle/pager12.html