Jump to content
leemac

feature slider with visible overflow

Recommended Posts

leemac

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
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
leemac

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
catrina

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/).


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
leemac

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
James B

Is this the kind of thing you're looking for? Scroll down on the link

http://www.smoothdivscroll.com/index.html


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
leemac

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

Share this post


Link to post
Share on other sites
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • gabriel1937
      By gabriel1937
      Hello,
       
      After updating the site below to Framework 2.4.6, the main feature slider has changed appearance, now looking pixellated. Before it looked perfect.
       
      http://www.chandlerlink-accountants.co.uk
       
      Please can you advise what I should do to make the slider look correct (should be 250px high). See attached for an indication of what is happening.
       
      [attachment=2646:Project3.pdf]
       
      Several other the sites we have created use PageLines Framework and I am wary of updating them to 2.4.6 if it will cause all Feature Sliders to break in this way.
       
      Many thanks,
       
      Phil Chandler
    • kulmetehan
      By kulmetehan
      Hi guys,
       
      As you can see on my website: www.kalender-verhuur.nl
       
      The text color of the navbar (fixed) is white, so is the navbar itself. Therefore the text is invisble. Only when you do something like CTRL+A, you can see the text.
       
      I tried multiple ways to change the navbar text color but unfortunately it didn't work. Can someone please help me to get the text in the color I want, preferably black please.
       
      Thanks!
    • kellid
      By kellid
      Hello,
       
      The feature slider images are stacking vertically upon the page load on all browsers.  I found a forum topic that used the following css coding but this is not working for me.  
       
      #page #feature-area {
                   overflow: hidden;
           }
        I can't take the screen capture fast enough to give a shot of it.   I'm using the newest version of WP and the url is modelalliance.org.  Any help would be appreciated!   Best,   Kelli
    • Toby
      By Toby
      Hi I would like to know if it is possible to make the search bar field/box always visible, so instead of having a magnifying glass and then animating the box to open when the mouse hovers over, I would like it to always show the box/field and magnifying glass.
       
      Thanks
    • universalhall7
      By universalhall7
      Regarding the feature sliders at this url:
      www.heartbecoming.com
       
      I need to be able to credit the artist for the images directly at the images on my website.  It seems like the cleanest way to do this is to add hover text to the images with the name of the artist.  I can't seem to figure out though how to add the hover text to the image.  Images displayed in posts and on pages use the title as hover text so that is workable.  Please advise on showing hover text for feature slider images.  Thanks!
       
      Thessa
×