Search jQuery

jQuery Forum

kirk.pett..

Cycle plugin: revealing second slide

in Using jQuery Plugins • 10 years ago

I'd like to build a slideshow that scrolls horizontally but also reveals part of the next slide. The way cycle.js seems to work is that it gives a display property of "none" to all slides that are not currently active. Any idea about how to customize for that kind of functionality?

Thanks

Replies(1)

akobrin

Re: Cycle plugin: revealing second slide

10 years ago

Hi, I'm trying to do the same thing. Similar to http://lens.blogs.nytimes.com/ (but that is done in Flash.)

One thing I'm trying is overriding some Cycle inline css, ie:

.slideshow {overflow: visible !important;}

.slideshow img {display: block !important;}

.slideshow .second_slide {left: 710px !important;} /* class added to the 2nd slide */

What this gets me is my first slide, with the second slide partially visible to the left:

If I click "next" I get this...

...which looks right but isn't (the second slide is still to the right, we're looking at slide #3 which Cycle positioned below slide #1. I manually forced slide #2 to the right in my css).

CONCLUSION:

I need a way to have the next image cued to the right; Cycle uses z-index then slides them to the left, but the slides end up at left: 0. Not sure if Cycle can do it!

Top Reply

Response title

Attachments

jQuery Forum

Cycle plugin: revealing second slide

Replies(1)

Re: Cycle plugin: revealing second slide

Statistics

Tags

Actions