HTML5 3D Flipping Gallery 2 Manual

Learn how to work with the HTML5 3D Flipping Gallery extension

In this article you'll find all the needed information in order to be able to work with HTML5 3D Flipping Gallery 2 extension in Dreamweaver. We covered basic usage such as how to insert the gallery on your page and customize it as well as how to create a gallery from a dynamic source, using HTML5 Data Bindings and DMXzone Database Connector PHP/ASP. The tutorials are also available in video format. If you experience any troubles, please post in the Support forums or contact the Live support.


Prev Index Next

Advanced: Dynamic HTML5 3D Flipping Gallery 2

In this tutorial we will show you how to create a dynamic HTML5 3D Flipping Gallery 2.
*You can also check out the video.

How to do it

1. We created a data source, using HTML5 Data Bindings and DMXzone Database Connector PHP/ASP. In the database we stored the path, title, thumbnail and link for each of our images. Let's add HTML5 3D Flipping Gallery 2 (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: image. Select it (1) and click the OK button (2).

6.  We do the same with for the titel and description (1) but select the corresponding data element Do the same with the rest of the fields that you need to populate with dynamic data. When you're done, you can customize the appearance of the slideshow from the advanced tab (2).

7. Set the width and height for the gallery container to 100% and click Ok when you're done customizing the gallery options.

8. Now, you can save and preview the results.

Prev Index Next

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

Comments

Be the first to write a comment

You must me logged in to write a comment.