- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Draggable Infinite Grid with Lightbox 3956741
HTML5 Code \ Slider
Thumbnial \ Slider \ Thumbs \ Video \ Youtube \ Vimeo \ Responsive \ Ligthbox
HTML5 Code - Draggable Infinite Grid with Lightbox 3956741 by FWDesign @ CodeCanyon
HTML5 Code \ Slider
The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the examples are provided in the download files).
The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards . The rendering speed and performance are impeccable on desktop computers and most importantly on mobile devices. it works in the following way: it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8 .
Easy installation and full documentation included , the grid playlist is constructed from <ul> elements which makes it easy to set up manually or to be generated from a database or any other type of data structure, this grid can be installed and used by designers or developers with ease.
Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, It was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. We have tested it on IPAD3 and on a SAMSUNG GALAXY S3 (Android) and it runs great on both devices, below are the links to view this demos.
Watch demo running on Samsung Galaxy S3 (android) or Watch demo running on IPAD (IOS).
GRID MAIN FEATURES
Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!).
The entire color theme and skin can be modified.
Unique way of displaying your images! Basically the grid can be dragged indefinitely in any direction and new thumbnails will be displayed, there is a complex mathematical algorithm behind the hood of this grid which makes this possible.
Support for large number of images.
Customizable thumbnails geometry and color theme: this feature allows you to change the thumbnails’ size and background color.
Thumbnail transparent overlay: a transparent colored box which appears over a thumbnail when it is not selected, the color and opacity for this box are customizable (optional).
Thumbnail small icons: small icons which appear when a thumbnail is selected, these icons are of three types (video, link and image) (optional).
Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the URL and the target of this webpage can be specified. The lightbox can display images, or it can display videos loaded from YouTube or Vimeo.
Navigation animated help screens (optional).
Fullscreen button (optional).
LIGHTBOX MAIN FEATURES.
Flexible / Fluid layout: the lighbox will always fill the available browser viewport.
The entire color theme can be modified.
Vimeo and YouTube support: all you have to do is to include the link from YouTube or Vimeo video that you want to display and the lighbox will display and play your video. The size (width and height) of each video can be set easily.
Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).
Slideshow button (optional).
Slideshow delay, the delay of the slideshow can be set in seconds.
Slideshow custom animated graphics.
Next and previous buttons navigation (optional).
Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).
Customizable border and background: the border size and color and also the main background color are customizable.
Keyboard support: the left and right arrows can be used for navigation (optional).
Draggable Infinite Grid with Lightbox; Responsive Slideshow Photo Gallery Grid; HTML5 Responsive Photo Multimedia Grid; HTML5 Slot Machine Gallery; HTML5 Media Picture Gallery; HTML5 Responsive Slider Gallery; HTML5 Slideshow Gallery Thumbnails XML.
Keywords: draggable, dynamic, flexible, fluid, fullscreen, grid, infinite, ligthbox, responsive, slider, thumbnial, thumbs, video, vimeo, youtube.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- CodeCanyon Clientage PHP Login System 19002179
- CodeCanyon Geoamplify multi-user SaaS 18977129
- CodeCanyon MonsterTV plugin to create nice banners with motion graphics for WordPress 18925779
- CodeCanyon Seo Friendly & Optimized Share buttons 18998458
- CodeCanyon Ninja War HTML5 Game & Admob Construct 2 CAPX 19071918
- CodeCanyon Brain training Double dots 19067232
- ThemeForest NorthWind A Versatile Full-Screen Slider Theme for Photographers 19030935
- ThemeForest Appx Responsive App Landing Page 19029861
- ThemeForest Milano Fashion Responsive Virtuemart Template 19027473
- ThemeForest Max Electronic Services PSD Template 19035793