Dynamic Fullscreen Gallery with Bullet Navigation

In our latest showcase we created an awesome dynamic, fullscreen gallery using our latest released extensions. We built up the gallery, with images from a local JSON file, and paging(bullets) navigation using HTML5 Data Bindings and HTML5 Data Bindings Extended Repeater. Using HTML5 Data Bindings Browser Properties we set the width and height of the gallery to match the width and height of the browser viewport. We also used orientation check. When a user loads the page into a portrait-oriented device, a message is being displayed - "Please use your device in landscape orientation". Additionally, HTML5 Animate CSS is used for the fade effect when an image is changed.

Showcases


Extensions


HTML5 Animate CSS
Design – Just-add-water CSS animations
HTML5 Data Bindings Extended Repeater
Databases – Powerful repeat regions
HTML5 Data Bindings
Databases – Connect to your data
HTML5 Data Bindings Browser Properties
Databases – Rich information about the browser and device your visitor is using

Place your comment about Dynamic Fullscreen Gallery with Bullet Navigation




You must me logged in to write a comment
Comments

Be the first to place a comment