I'd like to make an interactive feature like this:
a row of images that would the user could swipe and slide horizontally (only 3 or so images would fit on screen at any one time). there would be a total of about 6 images.
the added complication is whether we could then add an multi-state object to the slider so that the individual images in the slider would trigger the different states when tapped.
not sure this type of embedded interactivity will work.
let me know - thanks!
Great! Can you tell me how you implemented it?
the design of the page isn't done since we need to know whether this is doable or not.
at it's core:
sliding image river with 6 images. can slide left and right. when you tap on image bottom of page has multistate object that changes, displaying info for selected item.
it's very straight forward - the only complexity is the combination of the sliding and the MSO
Create a scrolling frame that slides in and out of a page, revealing more information when the reader pulls on a tab. This is useful when you want to provide a little more information for your reader, but you don't want it to interrupt the full design of the page. Download Bob Bringhurst's Tips App to read a tutorial on scrolling frames: http://itunes.apple.com/us/app/digital-publishing-suite-tips/id4361990 90?mt =8
or watch this video by Colin Fleming: http://tv.adobe.com/watch/learn-digital-publishing-suite-enterprise-ed ition/pull-out-sliders-and-trays/
I have this implemented with the help of these tutorials; however my layout requires buttons to be "below" the "tray" when extended. so they are visible when the tray is closed, and covered when the tray is open.
My issue is that the tray seems to block these buttons even when it is in the closed position. If I change the layers, then the buttons are always ontop of the slider, but do work properly.
anyone have a solution?