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

Make elements hidden during the loading stage #2

Closed
dlzi opened this issue Apr 24, 2013 · 4 comments
Closed

Make elements hidden during the loading stage #2

dlzi opened this issue Apr 24, 2013 · 4 comments

Comments

@dlzi
Copy link

dlzi commented Apr 24, 2013

Hi Mario,

Why are all the elements visible outside of slider during the loading stage?
Screen Shot 2013-04-24 at 14 51 57 PM

Is there a way to keep them hidden? Because for slow internet speed, the loading process may take a while and seeing all the elements on that way, may got the user confused. It looks like something went wrong. Even for users on high speed internet, you still can see the elements for a few seconds, which IMO it doesn't look nice.

Any thoughts?

Cheers

@jacksbox
Copy link
Owner

This is a point I would like the users to manage:
Just give the slider-element-class (or id) the css value:
--> overflow:hidden; <--

The Plugin will do that too, but not before the window.load event fires, which can take (depending of the page content) a few seconds.

@dlzi
Copy link
Author

dlzi commented Apr 28, 2013

Fair enough.

Yeah, I agree on that.

@xx-unknown
Copy link

its not working on me , where exactly i should put "overflow:hidden"

@xx-unknown
Copy link

Nevermind i found a solution guys.

(With Jquery)

use this code

.nameofclass
{
visibility:hidden;
display:none;
}

$(document).ready(function () {
$('.nameofclass').css('visibility', 'visible');
});

".nameofclass" give this class to make slider elements invisible before plugin loads. After everything loaded succesfully jquery code will make your elements visible. Not perfect but working :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants