DMXzone Slider Manual

Improve your site usability with a great looking Slider Control

In this article you will find a detailed manual for the DMXzone Slider extensions. Everything from basic to advanced usage is covered with tutorials and videos. Learn how to combine it with other DMXzone extensions such as Ajax Datagrid, HTML5 Slideshow  and Advanced CSS Animator through the Behavior Connector and more. Also, we have included the features with screenshots for better preview.

Advanced: Controlling HTML5 Slideshow with DMXzone Slider

In this tutorial we will show you how to control the HTML5 Slideshow with DMXzone Slider.

*You can also check out the video.

How to do it

  1. We've already inserted the HTML5 Slideshow that contains 17 images. Outside the slideshow, click on your page and open the DMXzone Slider window.

  1. In the DMXzone Slider window we set the width to 600px (1) so it matches our HTML5 Slideshow size. The minimal value for our Slider should be 0 (2) as this is the first slide of the HTML5 Slideshow.

  1. We set the maximum value to 16 as this is the number of the slides in our HTML5 Slideshow. When you're done, click OK.

  1. Now we're going to connect the DMXzone Slider with the HTML5 Slideshow. Click the Add/edit behaviors button.

  1. From the DMXzone folder, choose Control HTML5 Slideshow behavior (1), select the When handle is dragged action (2) and add the selected behavior (3).

  1. In the Control HTML5 Slideshow window select Go to slide item (1) from the Action menu and enter #value# in the number field (2). This mask returns the current value of our slider. When you're done, click the OK button.

  1. Now you can save your work and preview the result in the browser.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>


Be the first to write a comment

You must me logged in to write a comment.