HTML5 Slideshow

"Create Mind-Blowing HTML5 Presentations!"

Bring your photos to life in an amazing HTML5 slideshow in Dreamweaver. The Slideshow photo gallery is built with jQuery, is CSS based and uses HTML5 W3C standard elements like the Canvas and CSS3 Transitions, when available, for the highest animation quality and no Flash at all – so it runs on all iDevices smoothly!

Choose amazing effects from the famous director, Ken Burns to slowly zoom and pan across your photos, or use the many transitions available. The slideshow includes navigation controls in many styles so it perfectly fits your site.

User Rating (3 votes)
3 reviews available | Read the reviews » | Support forum »
For multiple purchases and discounts contact us
$89 USD Live Support Support Forum
Author:George Petrov
Version:1.0.2

Features Highlights:

  • Amazing Ken Burns moving effect – It enables a widely used technique of embedding still photographs in motion pictures, displayed with slow zooming and panning effects, and fading transitions between them. 
  • Extensive Random Ken Burns - Now you can not only choose a random start and end position for the Ken Burns effect but also a random start and end factor!
  • HTML5 Animations with Canvas, CSS3 and jQuery – No Flash required! 
  • Rich choice of slide transitions – You can choose between Fade, Reveal, Push, Slide or Random transition for your slides.
  • Cool looking navigation control - Available in many styles and fully stylable with CSS.
  • Title and description for each slide - A cool title and description can be displayed as additional slide info
  • Full control of the position of title and description as well the navigation controls
  • Discover the power of HTML5 Canvas control - When available it is used to display the Ken Burns effect providing you the best quality ever
  • CSS3 Transforms are used on iDevices like iPad and iPhone - Take advantage of the build in hardware acceleration and give you the maximum performance and greatest experience

* For complete Features overview press the Features in Detail.

Pizza & Restaurant Demo

The demo is a showcase of a site header created with HTML5 Slideshow.And If you're still wondering - it's not Flash!

HTML5 Slideshow Demo

Design Your HTML5 Slideshow Demo

In this demo you can navigate the HTML5 Slideshow with the custom navigation, choose one of the designs and experience some of the features packed in the extension.

HTML5 Slideshow Design

Features In Detail Preview Demo

html5 slideshow features 

 Features in Detail »
  • Amazing Ken Burns moving effect – It enables a widely used technique of embedding still photographs in motion pictures, displayed with slow zooming and panning effects, and fading transitions between them.
Ken Burns moving effect
  • Extensive Random Ken Burns - Now you can not only choose a random start and end position for the Ken Burns effect but also a random start and end factor!
random Ken Burns
  • HTML5 Animations with Canvas, CSS3 and jQuery – No Flash required!
HTML5 Animations with Canvas, CSS3 and jQuery
  • Rich choice of slide transitions – You can choose between Fade, Reveal, Push, Slide or Random transition for your slides.
slide transitions
  • Cool looking navigation control - Available in many styles and fully stylable with CSS.
navigation control
 
 
 
 
  • Title and description for each slide - A cool title and description can be displayed as additional slide info.
Title and description for each slide
  • Full control of the position of title and description as well the navigation controls
Full control for postition of title and description
  • Discover the power of HTML5 Canvas control - When available it is used to display the Ken Burns effect providing you the best quality ever.

  • CSS3 Transforms are used on iDevices like iPad and iPhone - Take advantage of the build in hardware acceleration and give you the maximum performance and greatest experience.
iPad and iPhone compatible
  • Live preview of the total slideshow in Dreamweaver - With a single click on the preview button you can see a preview of your complete slideshow.
live preview in Dreamweaver
  • Integrated DMXzone Resizer - Now resizing all your images super fast to a regular size for the slideshow and bigger size for display the image in DMXzone Lightbox.
Integrated Resizer
  • Timed transitions on slides and text - You can specify the duration of the slide, the text and the transitions.
Timed transitions on slides and text
  • Easing enables special movement effect - Apply easing to your transitions. This way you can create effects such as elastic movement, accelerated movement and much more.
Easing
  • Add clickable links to your slideshow - You can add link to every image of you slideshow. If you have the DMXzone Lightbox extension installed you can automatically generate Lightbox links.
Clickable links in slideshow
  • Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.
Dreamweaver integration
  • An inline property inspector -  The property inspector enables you to change several options after you’ve created the slideshow
Inline property inspector
  • Fully Controllable by behaviors - You want to navigate to specific position, start or stop the Slideshow - it can be easily done with the Control HTML5 Slideshow behavior.

Behavior connector
  • Search Engine Friendly - HTML5 Slideshow is made in just HTML5, CSS and jQuery it can be nicely indexed by all search engines and web spiders.

  • Fully cross-browser compatible - Create stunning slideshows even in Internet Explorer thanks to the DMXzone’s clever use of feature detection and fall back. For example when the HTML5 Canvas control is available it is used, but when it is not available the slideshow falls back to use regular image tags.

« OverviewDemos »

HTML5 Slidingshow Demo

HTML5 Slideshow Basic
« Features in DetailVideos »


HTML5 Slideshow VideoCreating Dynamic HTML5 Slideshow
With this movie we will show you how to create an HTML5 Slideshow that retrieves its images from a Dynamic source.

 


HTML5 Slideshow VideoAttach Videos to your Images in HTML5 Slideshow
With this moviewe will show you how to open videos in DMXzone Lightbox by clicking HTML5 Slideshow images

Watch the movie read more


HTML5 Slideshow VideoRandomize and Shuffle your Images in HTML5 Slideshow
With this movie we will show you the new Random and Shuffle options that had recently been integrated into the HTML5 Slideshow.



Basic HTML5 SlideshowCreating Basic HTML5 Slideshow
With this movie we will show you how to create a basic slideshow using HTML5 Slideshow.

Watch the movie read more


custom controls in HTML5 SlideshowUsing Custom Controls to Navigate the HTML5 Slideshow
With this movie we will show you how you can use custom controls in order to navigate the HTML5 Slideshow.

Watch the movie read more

html5 slideshow and dmxzone lightboxCombining HTML5 Slideshow with DMXzone Lightbox
With this movie we will show you how to open your HTML5 Slideshow images in DMXzone Lightbox.

Watch the movie read more

« DemosRequirements »
Type:Behavior
Product:Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5
Platform: Win XP/2000/2003/2008/7, Mac OS X
Browser:Explorer 7, Explorer 8, Opera 8, Opera 9, Opera 10, Safari 2.0+, Firefox 2+, Opera 9.5, Safari 3+, Safari 4, Google Chrome, iPad
Used Technologies:CSS, jQuery
Screen Shot:Details...
Tags:html5,slideshow,css,jquery,dreamweaver


« VideosHistory »

Version 1.0.2

  • Improved IE positioning and Ken Burns
  • Improved iPad support, now the slideshow is smoother and faster than ever!
  • Smart linking to case sensitive styles folder

Version 1.0.1

  • New option for starting with random slide
  • New option to shuffle the slides first

Update Procedure:

Just open a page using the HTML5 Slideshow. You will see a progress bar indicating new files are being copied. After that a dialog will popup with the list of the new files. Depending on if you have remote site defined and you have site synchronization enabled, the files will be automatically synchronized or you will be presented an option to upload all files.

« Requirements 

George Petrov

George PetrovGeorge Petrov is the Founder of the highly successful Zones: DMXzone.com, FWzone.net, FLzone.com, CFzone.net, DNzone.com and FlashFiles.nl


He has developed the comprehensive Dynamic Zones Content Management System that is the brains driving them and constantly supports their online communities with his extensive and valuable knowledge.

He is a renowned web development 'Guru' who has written many articles and extension for Adobe's Dreamweaver.

George Petrov is also the CEO and Founder of Dynamic Zones and also very proud of his children Sofie, Victor and Alexander!

See All Postings From George Petrov >>

User Reviews

Total of 3 reviews
Great Product, and Great Support!
Written by Shon Hall on August 20, 2010

We are moving our web animations away Flash, so that we can be more compatible with mobile devices, so were looking for a good replacement.Came across HTML5 Slideshow, and love it! Works great, and is very easy to configure, unlike Flash that can ...

easy setup - perfect result
Written by Reinhard Czwiertnia on July 20, 2010

One suggestion for the title of the popup (enlarged picture). There should be the title of the picture instead of the path/filename.One small thing: Carful with UTF-8. in my case the meta tag came after the numerous javascript includes, so that the ...

DMXzone Does it again
Written by Mikel Bullis on July 14, 2010

HTML5 Slideshow does not disappoint! It took less than 5 minutes to go live with our first slideshow... this tool is just what we are looking for to replace our flash animations.The extension is loaded with additional features that we hadn't event ...

Follow us on twitter Subscribe to our RSS feed
Activate your free membership today | Login | Currency