DMXzone Nivo Slider 3 Manual
Learn how to work with DMXzone Nivo Slider 3 extension
In this article you'll find all the information about working with DMXzone Nivo Slider 3 extension. We covered everything from basic to advanced usage of this tool, including - creating a responsive slider, using DMXzone Nivo Slider 3 behaviors, creating of custom controls and building a slider from dynamic image source. If you need additional help, please post in our support forums or contact our Live support during business hours.
Advanced: DMXzone Nivo Slider from Dynamic Image Source
In this tutorial we will show you how to create a fully
responsive image slider that uses dynamic database source for its images.
*You can also check out the video.
How to do it
1. We created a data source, using HTML5 Data Bindings. In the database we stored the path, title, description and link for each of our images. Let's add DMXzone Nivo Slider 3 (2) from the insert panel (1).
2. Select dynamic source radio button (1) and select your data source from the data source menu (2). Now, we select the repeating element of our data source. Click the HTML5 Data Bindings value icon (3).
3. Expand the data source tree (1) and select the repeating element of your data source (2). The repeating element is wrapped in square brackets. When you're done, click OK.
4. Now let's select the data element that stores the paths of our images. Click the HTML5 Data Bindings value icon.
5. In our data source it is called: path. Select it (1) and click the OK button (2).
6. We do the same with the rest of the fields that we need to use.
7. Set up the appearance and transitions of the slider in the advanced tab and click OK.
8. Let's preview the result.
Lubov Cholakova
Lubov 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.
Comments
Be the first to write a comment
You must me logged in to write a comment.