Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved feature slider with visible overflow


Question

Posted · Report post

Is it possible to reveal the feature slider overflow? For example, with a horizontal scroll, showing the other slides on each side of the active slide.

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

I've seen it on plenty of websites, but I cannot remember where anymore! So I've thrown together a mock-up screenshot for you...

You'll notice, both inactive slides are on both sides. It would be the ultimate feature set to also have those inactive slides with a transparent grey overlay.

Thanks for looking into it. Much appreciated!

http://www.hiddendevspace.com/wp/sliderexample.png

Share this post


Link to post
Share on other sites

Posted · Report post

Dude, thank you so much! I really appreciate it. :D

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for the mock-up. The way the feature slider is set up, I don't think it would be able to give it that overflow you're looking for. You may need to search for another slider plugin that can do that (there are plenty here: http://wordpress.org/extend/plugins/).

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

I apologise but I am not quite sure what you mean, can you provide a link to a slider showing this functionality or a screenshot please.

Share this post


Link to post
Share on other sites

Posted · Report post

The following CSS works to get it going in the right direction

#cycle {overflow: visible !important;}


#feature_slider #feature-area {overflow: visible !important;}

For the transition period (say, when the slider is moving from left to right) the incoming slide is displayed from the side, and the outgoing one also... However, they both disappear as soon as the transition is over. Also, for the moment when the extra slides are visible the horizontal width of the entire canvas is extended. I imagine both of these bugs could be worked.

If you know which Javascript and CSS functions these are a part of, I can weed it out myself. (and post any solutions here)

I have not found another slider that offers this. I swear I have seen them all at this point.

Thanks thus far.

And another example, that is flash i think.... but still does what we want. http://www.lkbennett.com/

Share this post


Link to post
Share on other sites