This example combines a vertical slider, a stylish progress bar, and bold images for a modern look.
Published 7 years ago
Version 1.0
Blog Post
- Very nice! Just an FYI - I use Chrome usually, and the slider didn't work with this browser when I tried it.
- Thank you David! In this i have worked with variables and layers to make it work smoothly.
- Really cool! But how it works? :)
- Thank you Marcel!
I have 12 slide layers and one main layer. Out of which there are 6 main layers and 6 are duplicate layers. For each main layer i have 6 variables; on every scroll the point increases to 1 and while returning back it subtracts one. and then i have called upon a layer where motion path is given to the images so as to move smoothly.
Hope this helps! I am sorry for the delayed response!
- Nice.. Please share tips...
- Thank you Ragesh!
I have 12 slide layers and one main layer. Out of which there are 6 main layers and 6 are duplicate layers. For each main layer i have 6 variables; on every scroll the point increases to 1 and while returning back it subtracts one. and then i have called upon a layer where motion path is given to the images so as to move smoothly.
Hope this helps! I am sorry for the delayed response!
- Worked fine in Chrome for me. Nice work
- Thank you Jerry ! Glad you liked it.
- Niceee! How have you made it? Can you show ur .story file?
- Thank you !
- I'm guessing that those asking about it not scrolling are trying to scroll using a scroll wheel on a mouse or two finger drag on a trackpad, as most of us do on "one-page, hero image" websites. This appears to only work by dragging the scroll "thumb" on the right, which may not be intuitive for people reading the word "scroll." If the only way to scroll is to drag that, I'd alter the written directions to more explicitly say "drag here to scroll down" or the like.
- Not for me. In Chrome, no matter where I clicked and dragged, the demo wouldn't scroll. In IE, it worked perfectly. Thanks for this!!
- Okay Pete!
I have been testing it out on chrome it works fine here. I'll double check it once again!
- Thank you for covering up Gary! I guess you are right it must have been drag to scroll. I'll make the corrections to this one on my updated file.
- Thanks for this. I like how the nav bar doesn't move. Did you use fly in animations or push transitions?
- Hi Susana,
The issues with the navigation bar persist because i have used variables for scroll bar to work. I will update those issues in my updated storyline file. And for the images i have used motion path animation.
- I love the slider graphic across the top. I was initially stumped by the graphic on the top right corner as I tried to click on the arrows to get things moving. Duh...just read the instructions...use the slider. Cool idea.
- Thank you Kanno. Glad you liked it.
- Doesn't scroll in Firefox either.
- Okay kate! I will look into it.
- By clicking on the example, I get the message "page not found".
- Yes Donata, all of my uploaded courses have been down since i lost the subscription.
I'll upload them soon again to another blog.
Thanks for visiting though.
