Slider Bar in Lectora HELP!!!

Hello Cindy.


What you are describing seems based suited using either Flash or jQuery. If you use jQuery, here is a great example. http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/


If you use jQuery it would be inserted as an External HTML object.


Click on the Demo on that page to see it in action.


For Flash, you could use either a Scrolling Thumbnail Panel or Throw Slider, found on this page, http://www.gotoandlearn.com/.


If you use Flash then you would insert as an animation.


If all else fails you could in Lectora create a type of slider that you click as series of slide points that in turn show images or text, and then when you click on the images or text you get additional information.


Process:


First create a line from the Shapes/Lines option. [Tools > Shapes/Lines]; Width=590, Height=8 (for example)


Create a number of rectangle boxes that mimic your slider. You would have several rectangle boxes depicting the various slide positions. Place the boxes at equi-distant points along the line.


Create an empty text block which will house your images. Put a border on the text block. Name it Image_Box.


Insert images based on the number of rectangle boxes you have. Place the images within the empty text block. Stack them on top of each other so that they are in the same position. Uncheck the option "Initially Visible" within each Image Properties.


On each rectangle box, add an Action:


On: Mouse Click
Action: Toggle Visibility State
Target: (Image name)


Insert a text block with text that describes the particular image. Name this text block, Image_text (for example). Place this text block below Image_Box.


Add another Action on that Image:


On: Mouse Click
Action: Toggle Visibility State
Target: Image_text


Now when you click on the respective rectangle boxes, the corresponding image and text will appear. When you click again it disappears.


You can also add an action to the image for any actions you want to occur.


Please note you can use, On Mouse Click or On Mouse Exit within the actions. You choose based on what you want to achieve.


Let us know your feedback.


Regards,


Bruman.




Cindy_Garafolo said:Hi! I am trying to create a slider bar so when the user drags the handle, different options appear for selection. Can anyone help with this functionality? I can find a drag and drop feature (except in the test area) to create what I'm wanting.

Discussions have been disabled for this post