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

scrolltop: 0 ... or how can I force the slider to the top of the next slide #46

Closed
frankotoole opened this issue Jun 11, 2013 · 5 comments

Comments

@frankotoole
Copy link

I'm trying to use the liquidslider as a series of vertical stacks of images for my portfolio with each column being a series of images related to a project I've worked on. You can see the test site at: http://www.frankotoole.com/!liquidslider-master/liquidslider.html

I have two issues so far:

  1. when I scroll down on one slide then hit the right or left arrow, I am brought to the same height on the next slide. How do I force the slider to bring me to the top of the next slide instead? I have had luck with scrolltop: 0 on other sliders, but can't figure out where to add it on this slider.
  2. The load time for this site seems kinda crazy right now with all of my large images, is there a way to have the site not transparent until every image has loaded? I hope to add a few more slides (columns). Or is there another way for me to load the images that would make the initial load time faster?

That's it right now, thank you for any help you can offer.

@KevinBatdorf
Copy link
Owner

This is a bit of an old tutorial, but maybe this will do the trick?

[link removed]

@frankotoole
Copy link
Author

Kevin, Thanks for the quick reply. I think this issue might be a bit out of my league. I went through the tutorial and wasn't able to translate it to the newer version of the liquidslider, but thanks for the link. -Frank

@KevinBatdorf
Copy link
Owner

Should work the same, the structure of the slider hasn't changed much. Did you download the source code? You could just use that even...

@frankotoole
Copy link
Author

I tried adding the jquery-scrollbar-slider js file (jquery.anchor.js) to the base demo.html file from the liquidslider (without my modifications to the style etc.). Where I ran into trouble, was the updated liquidslider doesn't seem to have anchor tags, and I wasn't sure where/how to add them. Maybe I'm just misunderstanding the tutorial or your files. I'm very much a jquery/javascript newbie and I don't want to waste your time, but thanks for putting the files out there, and your time now.

@KevinBatdorf
Copy link
Owner

I'm not sure why I didn't get notified of your reply here. This is the first I'm reading it. I apologize. I'll assume you either figured it out or abandoned the approach. If anyone reads this later, I would have suggested to make sure the anchor tag is on the slider itself, or perhaps the wrapper. I've sense removed the tutorial, but I'll consider making a new one if anyone needs this functionality.

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

2 participants