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

Vertical navigator with arrows #130

Open
SebastianRabiej opened this issue Aug 19, 2015 · 3 comments
Open

Vertical navigator with arrows #130

SebastianRabiej opened this issue Aug 19, 2015 · 3 comments

Comments

@SebastianRabiej
Copy link

Hello,

I am using this slider http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html
and im thinking about vertical arrows in this left navigation, to help user with navigate.
Are we able to do that ?

@weijuer
Copy link

weijuer commented Aug 19, 2015

sorry,I can't help u.

@SebastianRabiej
Copy link
Author

Is it a lot of change in code ?

@pratham2003
Copy link

Hello seba,

Its not actually a lot of code.
You would just have to adjust the top and bottom margins for the thumbnail navigator, reduce number of items to make space for the arrow navigation.

Here is what I have done to display arrow navigation in a thumbnail navigator for reference.
HTML part: http://pastebin.com/YPpxU3vj
JS part : http://pastebin.com/BanPfCVd
I have used font awesome to display the up and down arrows.
You would have to write your own CSS style to position the arrows correctly, add background color, etc.
Screenshot of the thumbnail navigator I have: http://prntscr.com/8feedh

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