Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After slider loads content below is pushed down #165

Closed
LindenWalsh opened this issue May 30, 2012 · 5 comments
Closed

After slider loads content below is pushed down #165

LindenWalsh opened this issue May 30, 2012 · 5 comments

Comments

@LindenWalsh
Copy link

@LindenWalsh LindenWalsh commented May 30, 2012

I've noticed on a couple of sites I've used the slider on that before the slides load they're hidden as per a line in the CSS file. Since it may take a second to load the slider up, the slider suddenly appears and pushes down the content below it.

This is what I use to overcome the issue if it helps, I'm not sure if there's another problem that is causing it though.


.flexslider .slides > li:first-child{
    display:block;
}
@tylerxo

This comment has been minimized.

Copy link
Contributor

@tylerxo tylerxo commented Jun 3, 2012

I like it. Might consider changing the behavior of the default theme, since many users don't use preloading techniques.

@LeftyDesigner

This comment has been minimized.

Copy link

@LeftyDesigner LeftyDesigner commented Jun 20, 2012

This works great unless you're using the randomize:true option as it always flashes the first

  • image even if it's not the first random one selected. Any suggestions on how to handle that issue?

  • @LindenWalsh

    This comment has been minimized.

    Copy link
    Author

    @LindenWalsh LindenWalsh commented Jun 20, 2012

    Looks like a class would need to be added to the active slide so then something like this might work for both normal and the random option:

    
    .flexslider .slides .active{
        display:block;
    }
    
    @LindenWalsh

    This comment has been minimized.

    Copy link
    Author

    @LindenWalsh LindenWalsh commented Jun 20, 2012

    Never mind that. There's already an active class applied but that chunk of CSS doen't do the same job.

    @LeftyDesigner

    This comment has been minimized.

    Copy link

    @LeftyDesigner LeftyDesigner commented Jun 21, 2012

    Yeah I can see in the code where it applies a class of "active", but that doesn't actually show up in Firebug as part of the

  • or is able to be targeted in the CSS (that I've found). I tried to do .addClass("shown"); that would be applied to the li that's active, but couldn't get that to work either (I'm a jquery n00b so I'm guessing I was just doing it wrong).

  • @tylerxo tylerxo closed this Jul 24, 2012
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Projects
    None yet
    3 participants
    You can’t perform that action at this time.