HTML5 3D Flipping Gallery

HTML5 3D Flipping Gallery is the perfect solution if you are looking for to create a polaroid-like image gallery. It features CSS 3D transforms for native 3D in browsers that support the new CSS properties. You can drag your images all over the screen, give them titles and add descriptions. Take advantage of the built in hardware acceleration for mobile devices that gives you the maximum performance and greatest experience.

The HTML5 3D Flipping Gallery has integrated DMXzone Image Resizer and also you can set the width and height for the gallery container, set the rotation for the images and their order of appearance. When it comes to the image source you can use static or dynamic sources.The integrated behavior connector will help you combine the gallery with other extensions such as DMXzone LightboxFeed Genie and more.

$50.00
- OR -
Features
  • Amazing Flip effects -Choose the flip effect to be triggered on hover or on mouse click, as well as the type of flip effect, direction, rotation angle and the depth of 3D perspective.

  • Shuffle and randomize images - Randomize the order of the images and shuffle them among the gallery container.


  • CSS 3D Transforms for native 3D in the browsers - The flip and zoom effect do not execute in browsers that don’t support the new CSS properties.
  • CSS3 Transforms on mobile devices - Take advantage of the built in hardware acceleration that gives you the maximum performance and greatest experience.

  • Fully draggable gallery - You can drag your images all over the screen.


  • Title and description for each image - A cool title and description can be displayed as additional image info. You can also use various HTML tags such as link, image, span, heading, div and more...
 

  • Add clickable links to your gallery - You can add link to every image of you gallery in its description. 


  • Timed transitions on zoom - You can specify the duration of the zoom transition.

  • Gallery width and height - Set the size of the container where the HTML5 3D Flipping Gallery will be placed in.


  • Dynamic HTML5 3D Flipping galleries  - You can make galleries directly from dynamic sources like a Recordset and an RSS/ATOM Feed fetched with Feed Genie ASP/PHP. By combining HTML5 3D Flipping Gallery with Feed Genie ASP/PHP, you can make galleries directly from your Picasa / Flickr Photo Albums! Or just choose the featured photos!


  • Live preview of the gallery in Dreamweaver - With a single click on the Live button you can see a preview of your complete gallery.

  • Integrated DMXzone Resizer - Now resizing all your images super fast to a regular size for the gallery and bigger size for display the image in DMXzone Lightbox.


  • Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.
 
 

  • An inline property inspector -  The property inspector enables you to change several options after you’ve created the gallery.


  • Full Support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions like DMXzone Lightbox and Feed Genie to your gallery.


  • Full IE10 CSS 3D flipping support - As IE10 now finally supports the CSS 3D Transforms web standard the extension takes full advantage of it!
  • Search Engine Friendly - HTML5 3D Flipping Gallery is made with just HTML5, CSS3 and jQuery and is nicely indexed by all search engines and web spiders.
Showcases


Videos


  • Random Images with HTML5 3D Flipping Gallery
    – Show random limited number of images from a Standard Dreamweaver Recordset
  • Using HTML5 3D Flipping Gallery with Facebook Fan Page
    – Learn how to combine HTML5 3D Flipping Gallery with Facebook Fan Page
  • Using Feed Genie with HTML5 3D Flipping Gallery
    – Learn how to use Feed Genie as Image Source
  • Using HTML5 3D Flipping Gallery with DMXzone Lightbox
    – Combine HTML5 3D Flipping Gallery with DMXzone Lightbox
  • Dynamic HTML5 3D Flipping Gallery
    – Using HTML5 3D Flipping Gallery with a dynamic source
  • Using HTML5 3D Flipping Gallery
    – Learn how to use the HTML5 3D Flipping Gallery extension
Requirements
Type: Suite
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Browser: Opera 9.5, Opera 10+, Safari 5+, Firefox 4+, Chrome 10+, Opera 11
Used Technologies: jQuery
Screen Shot: External link
Tags: HTML5, CSS3, 3D transforms, gallery, Dreamweaver, extension


History

Version 1.0.4

  • Included the latest jQuery 1.11.1
  • Improved for Dreamweaver CC 2014
  • Improved for DMXzone Extension Manager

Version 1.0.3

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.0.2

  • New Shuffle method - Now you can choose between Uniform shuffle that stacks the images randomly in a certain realm or the Jittered one that spreads them across the whole gallery area. 

Version 1.0.1

  • Full IE10 CSS 3D flipping support! As IE10 now finally supports the CSS 3D Transforms web standard we have improved the extension to take full advantage of it!
  • Improved links on mobile devices
  • Improved installer for Dreamweaver CS 6.1 (Adobe Creative Cloud) compatibility

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Place your review about HTML5 3D Flipping Gallery




You must me logged in to write a review
Reviews

Be the first to place a review