Using the jQuery Slider
In this tutorial we will give you an example how to use the jQuery Slider object.
A demo project is available for download at the end of this article.
We will used a layer as a content holder, so first insert a layer and add one or more objects to it. During design time the layer will be fully expanded, so all objects will be visible. We later change the width of the layer to hide the content we do not want to be displayed initially. For this tutorial we've used shapes to simulate a row of photos, but basically it can be anything you want.
Insert a jQuery Slider object. Leave all properties to their default values.
Insert a HTML object and set the Type property to 'Between <head></head> tags'.
Copy/paste the following code. Make note of the object IDs (jQuerySlider1 and Layer1).
If you've used different IDs then you will need to update the code!
And finally we implement an event handler for the slider.
Open the Event tab in the Slider's properties and add an event:
Action: Custom code
In the demo project there is also an example for a vertical slider and color changer. Check it out!