Scroll bar changes image in a frame?
Hey there just wondering if this is possible, where scrolling a scroll bar updates a image to another image (even if you don't release your button) ie...
-
1. Re: Scroll bar changes image in a frame?
Yes it is possible. I'm attempting to achieve something similar right now.
I'm using a variation on http://sarahjustine.com/2013/11/08/create-click-and-touch-draggable-scrubbers-with-edge-an imate-cc/
Essentially you can use the On/Off states of images in a timline and link the scrubber to the timeline so when scrolling it scrubs down the timeline.
I'm actually attempting to set up a scrubbable timelapse in a similar fashion for a project I'm working on. You can see my progress so far at http://nahbprods.com/tnah-2015.html
I'm trying to figure out how to have a timline auto update with images from a source folder so that whenever images are added to the folder the timeline updates and expands to fit the timelapse. The scrub-bar is already set up to adjust to the duration of the timelinel.
-
2. Re: Scroll bar changes image in a frame?
Nice one estenmar,
keep us posted on your progress, I'd be definitely interested in that as well, even to the point that it's reading a text file that updates text too.
-
3. Re: Scroll bar changes image in a frame?
Hey estenmar,
looks like you got it working in the end, congrats! Care to share how you ended up doing your final file?
-
4. Re: Scroll bar changes image in a frame?
Seems like estenmar has disappeared anyone else able to shed any light on how to achieve what estenmar did on their site...
ie http://nahbprods.com/tnah-2015.html dragging the square button left to right to display different images
-
5. Re: Scroll bar changes image in a frame?
Sorry, been having trouble with signing in to the forums for some reason. Finally got it working in Safari, but no luck in Chrome.
Anyway, I managed to adapt Sarah Justine's method by downloading her project and repurposing some of the source code. Honestly I'm not a coder and know very little about Edge Animate so actually telling you how I was able to do what I did I can't really do, but I can share my source files if that helps and you could easily just swap out the source files/adapt it as needed.
https://dl.dropboxusercontent.com/u/225469/1040_TNAH%202015%20Timelapse%20Webframe.an?dl=1
I'm still not able to auto-populate the images as I was trying to do, and since I have hundreds of photos as part of the time-lapse I don't want to input all the photos manually.
Hope this help pancreasboy12
-
6. Re: Scroll bar changes image in a frame?
Yeah I've been having the same forum issues too estenmar, ie it wouldn't recognise my email even to change my password, but now it does.
But thanks for sharing your file, but I get this error when trying to open it... "Edge Animate encountered errors reading the HTML in this file." are there other files (other than the photos) that should accompany it?
I'm on a Mac using Edge 3.0.0.322.27519 btw
-
7. Re: Scroll bar changes image in a frame?
Hey there estenmar, I know you're probably busy but just wondering if you got my last message in your Inbox or a chance to send that zip, thanks.
-
8. Re: Scroll bar changes image in a frame?
Hey there, here's all the assets for the project! Hope this works/helps.
https://www.dropbox.com/s/6my9y6w8ttmszuo/Scroll%20Bar_Project%20Assets.zip
-
9. Re: Scroll bar changes image in a frame?
Sorry dude, the zip file won't open on my mac or pc using WINRAR and Stuffit, can you open it on your machine?
-
11. Re: Scroll bar changes image in a frame?
Thanks estenmar,
got it that time, so it runs but doesn't show any of the images even when I upload it. Does it need to be on a specific server or something special to run the images?