Skip navigation
SteveLunny
SteveLunny
Currently Being Moderated

Sliding Nav? is this possible?

Jul 30, 2012 9:19 AM

HI there


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!
Steve

531 Views   5 Replies   Latest reply: Doug Greenway, Dec 14, 2012 1:12 PM
 
Replies
  • Bob Levine
    Currently Being Moderated
    1. Bob Levine,
    Jul 30, 2012 9:33 AM   in reply to SteveLunny
    Report

    I just did something like that myself and it works like a charm. But without knowing layout of your page, it’s impossible for me to guide you.

     
    |
    Mark as:
  • SteveLunny
    Currently Being Moderated
    2. SteveLunny,
    Jul 30, 2012 9:45 AM   in reply to Bob Levine
    Report

    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

     

    Steve

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    3. Bob Levine,
    Jul 30, 2012 9:50 AM   in reply to SteveLunny
    Report

    Just create the scrolling frame with the buttons and have the buttons target the MSO.

     

     

     

    It’s really not at all complicated based on the way you’re describing it.

     

     

     

    Bob

     
    |
    Mark as:
  • negilaxman
    Currently Being Moderated
    4. negilaxman,
    Jul 30, 2012 10:02 AM   in reply to SteveLunny
    Report

    Hello ,

    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/

     

     

    Laxman

     
    |
    Mark as:
  • Doug Greenway
    Currently Being Moderated
    5. Doug Greenway,
    Dec 14, 2012 1:12 PM   in reply to negilaxman
    Report

    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?

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points