Content Sliders in Storyline?

Hi Ken,

You could embed this into SL as a web object.

Cheers

Garry

Gary,

Thanks for the response. Is there a way to "simulate" this kind of look in Storyline itself?

Just askin'.

Thanks,

Ken

Hi Ken,

this is probably not exactly what you want, but you can create a 'sliding' transition between images with layers (each layer holding two images; one 'slides out', the other 'slides in'). You just have to set up layers for the left-to-right and right-to-left transitions. Here is an example that I had done a while ago. As expected, the transitions are not as fluid as you would be able to build with other tools, e.g. Flash, but it may just be 'good enough'.

Hi Ken,

I took a look at the "thumbnail control nav pattern and simulated it with this story (using clipart cupcakes from clcker.com)

There would be a fair amount to explain, but I thought you might get a sense of how it works by looking at the story, so I'm uploading it here.

I modeled after what they've done, so, for example, the "main" cupcakes keep cycling through unless the user either clicks one in the grid, or clicks the next or previous arrows. Then the auto-cycling stops, and users can click next/previous to get to the "other" cupcakes.

Seems to be mostly working... feel free to comment/shout out with questions.

Hi Ken! Looks like you are getting a lot of assistance here Just let us know if you need anything further.

Rebecca,

Thanks so much for the example. I'm going to play around with it. I THINK I see how it's working. 

Regards,

Ken

Awesome! Thanks for the update Ken

Michael,

I looked at your example and it's interesting. The thing I can't figure out is if you have two images in a layer, each with a different animation, how do you control which one is displaying?

Thanks,

Ken

Thought I'd take a shot at this by modifying Michael's approach.  It works great on the first pass of each layer, but unfortunately, the second time around it skips the "fly out" animation.  I'm not sure why that is since all layers are set to "reset to initial state".

By the way Ken, on your most recent question - The order of the animation is controlled by where you place the objects in your timeline.   So you control where it appears or dissapears in the timeline by sliding/shrinking/expanding the timeline bar for the specific object.

Thanks for your assistance Josh

Hi Josh,

I've looked over the sample.  Each layer has three transparent rectangles above the image (Rectangle 1, 2, 3), but I can't seem to see what function they have. They don't appear to have any actions attached to them. What function do they serve?

Thanks,

Ken

Hi Ken. 

Two of the rectangles are off to either side of the larger image to act as a mask as that image flies in and out.  Removing them would cause the image to pass over the white area to either side.  I prefered preserving the white border through each transition.

The third rectangle is on top of the main image for the purpose of making the two arrows visible upon hovering over it (notice there are 2 triggers attached to this rectangle).  The same triggers could be placed on the image itself, but I felt it was easier to do it this way and then copy and paste that rectangle and the 2 arrows at the same time onto each slide that needed them.

Great explanation Josh, thanks!