CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020

CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020

CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020
JavaScript \ Image \ Media
Tiles \ Thumbnails \ Video \ Vimeo \ Youtube \ Wall \ Responsive \ Portfolio



JavaScript - Multi Purpose Media Boxes Responsive Grid 5683020 by davidbo90 @ CodeCanyon

JavaScript \ Image \ Media

Last Update: 25 September 13; Compatible Browsers: IE8, IE9, IE10, Firefox, Safari, Opera, Chrome; Software Version: jQuery; Files Included: JavaScript JS, HTML, CSS.

Multi Purpose Media Boxes – A Responsive Grid of
Images, Videos and HTML
Everything you need in a Media Grid!

This is a HTML | CSS | JQuery Fully Responsive Portfolio in a pinterest style with a lightbox. It will adapt to the width of its container so you can put it anywhere and you can put anything inside the boxes. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.

The navigation filter bar is generated automatically from the categories you specify to each image.

What You Can Do.

- Use it like in the live preview to show your posts with images, videos and a caption box below.

- Use it as a gallery (only showing images).

- Use it as a Youtube | Vimeo grid (only showing videos).

- Use it as a text grid (only showing HTML text).

- Put anything inside the boxes, each box is independent so you can put in one box just an image, in another a video, in other one a video and a box caption below, etc. make any combination you want!

When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option).

Features.

- Fully responsive grid and lightbox

- Lazy Load Feature

- Support images and videos of any dimensions and it will keep the right proportions

- The filter navigation bar is generated automatically from the categories you specify to each thumbnail

- Set the number of images to load at start and when you click the “load more images” button

- Support thumbnails for the grid only to the images you want to improve performance

- Fully Responsive Grid and Lightbox

- Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’

- You can specify a static width for each column or specify number of columns

- When specifying the number of columns you can set the minimum width for each column

- CSS3 Effects

- Direction aware hover effect

- Lightbox with slideshow (play, pause, auto-play)

- Easy implementation

- Compatible with Twitter Bootstrap

- Bootstrap is not be required

- Deactivate and Activate Features through Javascript Options

- You can link to another page when you click in a thumbnail

- Free Technical Support

You can take a look to the documentation HERE

Auto Albums - Multi Level Responsive Grid; Ultimate Grid Responsive Gallery; Ultimate Smart Slider - Wordpress; Ultimate Smart Slider - Responsive; Flipping Cards 3D - Wordpress; Auto Grid Responsive Gallery - Wordpress; Auto Grid Responsive Gallery.

Keywords: gallery, grid, gridfolio, images, lightbox, media, mosaic, portfolio, responsive, thumbnails, tiles, video, vimeo, wall, youtube.



Tags: Media, Responsive, Tiles, Thumbnails, Video, Vimeo

Premium CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020 for digital design and education. CodeCanyon Multi Purpose Media Boxes Responsive Grid 5683020 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *