Back to Top
The nuts and bolts for
Creative web development

DMXzone Slider Meets CSS Animator and HTML5 Slideshow

“Rotate and Zoom the images in a slideshow”

With our newest showcase we will give you more ideas what you can do with our latest Dreamweaver extension - DMXzone Slider and other DMXzone tools such as HTML5 Slideshow and Advanced CSS Animator. Rotation and zoom can be done easily with just few clicks and your images will impress anyone so check out the demo below!

The Story

360° View Gallery Demo

In this demo, we used 36 images, each photographed with 10° interval and added them to an HTML5 Slideshow. In order to simulate the rotation, we connected the horizontal DMXzone Slider to the slideshow, through the behavior connector, that changes the images from 1 to 36. The vertical DMXzone Slider navigates the Advanced CSS Animator, again through the behavior connector, that zooms the images.

 

Showcases

360 Degrees View Showcase

In this showcase, we used 36 images, each photographed with 10 interval and added them to an HTML5 Slideshow. In order to simulate the rotation, we connected the horizontal DMXzone Slider to the slideshow, through the behavior connector, that changes the images from 1 to 36. The vertical DMXzone Slider navigates the Advanced CSS Animator, again through the behavior connector, that zooms the images.

Extensions

Advanced CSS Animator
Next Generation CSS based, Flash-less, Web Animations!
HTML5 Slideshow
Create Mind-Blowing HTML5 Presentations!
Advanced HTML Editor 3
Meet the future of Content Editing
DMXzone Metro UI Theme Pack
Five Metro UI Themes for Six DMXzone Extensions
DMXzone Slider
Improve your site usability with a great looking Slider Control
 

Share this Article