- 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 Responsive Slideshow Photo Gallery Grid 3806063
Media \ Responsive \ Vimeo \ Youtube \ Lightbox \ Html \ Dynamic \ Flexible \ Fluid
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). 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 code of this examples is provided in the download files).
The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards . The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works 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 .
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( ios ) 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
The entire color theme can be modified.
Customizable thumbnails size and geometry: this feature allows you to change the size of the thumbnails and the space between thumbnails.
Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable.
Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional).
Load more thumbnails feature> this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. The number of thumbnails to load per set is customizable, it does not have to be 50 it can be any number that you consider. This feature is optional, if it is disabled all thumbnails are loaded and displayed.
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 target of this webpage can be specified. The lightbox can display images , or can display videos loaded from YouTube or Vimeo .
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).
HTML5 Responsive Photo Multimedia Grid; HTML5 Flow Responsive Slider; HTML5 Slot Machine Gallery; HTML5 Media Picture Gallery; HTML5 Responsive Slider Gallery; HTML5 Slideshow Gallery Thumbnails XML; HTML5 Random Gallery Slideshow.
Keywords: css3, dynamic, flexible, fluid, grid, html5, lightbox, media, responsive, vimeo, youtube.
Android, Builder, Business, Clean, Corporate, Creative, Design, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Isamedic Template HTML 19470053
- ThemeForest The Landshaper Gardening Lawn & Landscaping WordPress Theme 18969806
- ThemeForest Pizzaro Fast Food & Restaurant HTML template 19434371
- ThemeForest Craftit WooCommerce Shopping Theme 19389758
- ThemeForest Photty Photo Gallery & Photoblog WordPress Theme 19459425
- ThemeForest Envas Multipurpose WordPress 19448771
- ThemeForest YourCoupon Coupon Code Discount Deal Responsive WordPress Theme 19236893
- ThemeForest Luka Modern Photography Portfolio 19468072
- ThemeForest Bridal Wedding WordPress Theme 19466763
- ThemeForest Finance Hawk Finance and Consulting Business WordPress Theme 19277605