Anyone try creating a Gallery using States - like the Characters

May 25, 2012

I'm building a little (7 pics) image gallery, with thumbnails.

The main image will take up the whole slide, and I'm trying to develop this as streamlined and efficient as possible.

It occurred to me, I could use 1 image, and change its state for the other images. This seem more efficient than having each button "show" corresponding main image AND also "hidden" 6 others - trigger bloat I call it.

With each thumb only changing the State of 1 image, seems like a good idea to me? But I also haven't tested this idea in HTML5 ... but also...  this is exactly how the built-in characters work, so it seems I'm on to something me thinks.

Thoughts?

How are other building gallery's with thumbnails etc.

Cheers.

Ryan

4 Replies
Nancy Woinoski

I did something like this. I had one main image and added 20 others as states. I wanted the images to change in time with a talking head video so placed shapes off screen at the points in the timeline where I wanted to change the image and added a change state trigger. It works great but would have been better if I didn't have to use the symbols to trigger the timeline charges.

Eric Nalian

Hey Ryan,

  • You can create a variable (ChangePic), and have a left and right arrow.  When right arrow is clicked, 1 is added to the variable, when left arrow is clicked, 1 is subtracted from the variable.
  • Picture will have 7 states (numbered 1-7), with triggers - when Variable =1, change state to 1 when Variable = 2, change state to 2, etc...
  • Change the left arrow to Disable if the variable = 1, and change the right arrow to Disable when the variable = 7.

If I have some time later, I can build a demo of this for you.

This discussion is closed. You can start a new discussion or contact Articulate Support.