Auuugh! This is so frustrating.. I can't get this to work.
Erik
On Jun 26, 2009, at 9:16 PM, Charlie wrote:
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
