We launched a greater and extra full model on the following hyperlink: http://codecanyon.internet/merchandise/ultimate-grid-pro/14039086
Model 1.2 Launch Date 27.09.2013
- Fastened bugs associated to IE8.
- Fastened bugs associated to the most recent replace of IOS and Android.
- Improved cellular efficiency.
Model 1.1 Launch Date 24.07.2013
- Assist for a number of classes, in fact it will possibly nonetheless be used with a single class as earlier than.
- Lightbox Iframe assist.
- Lightbox description autoopen (open merchandise description with out urgent the data button).
- Added an additional technique to shut the lightbox by urgent outdoors the merchandise space.
- Added assist for MSPointer occasions for windows8 cellular.
- Added six additional skins.
The Responsive Gridfolio has a fluid / versatile / responsive structure. Principally the grid is added right into a html web page right into a div of your chosing and it’s adapting based mostly of that div’s width, the grid peak is modified based mostly on the thumbnails and if different components are beneath the grid div they are going to be pushed down mechanically (doc circulation). Within the examples supplied you possibly can see a couple of methods through which you may use this grid, in fact that different configurations are doable (please notice that the code of this examples is supplied within the obtain recordsdata).
The gallery can have any variety of photographs and every picture might be of any dimension, however proportional to a base thumb width and peak. When a thumbnail is pressed you possibly can select both to show an unique media lightbox which we’ve got coded, or to open a brand new webpage, the url and goal of this webpage might be specified. The lightbox can show photographs, or can show movies loaded from YouTube or Vimeo.
The Responsive Gridfolio is utilizing the GPU ( acceleration) utilizing HTML5 requirements. The rendering velocity and efficiency is impeccable on desktop computer systems and most significantly on cellular gadgets, the best way it really works it’s going to attempt to use CSS3 and if this isn’t accessible it’s going to down fall to CSS2 or CSS1 for older browsers like IE7 and IE8.
Nice efficiency on cellular gadgets, you possibly can see within the video demo that it runs similar to a local app!, it was coded and optimized for cellular gadgets and it’s 100% cellular appropriate and naturally it’s going to run simply as nice on desktop computer systems together with on older browsers like IE7 and IE8. We’ve got examined it on IPAD3(ios) and on a SAMSUNG GALAXY S3(android) and it runs nice on each gadgets, beneath are the hyperlinks to view this demos.
Watch demo operating on Samsung Galaxy S3 (android) or Watch demo operating on IPAD (IOS).
Grid important options:
Assist for any variety of photographs and every picture might be of any dimension, however proportional to a base thumb width and peak
The whole coloration theme might be modified.
Customizable thumbnails dimension and geometry: this characteristic permits you to change the scale of the thumbnails and the area between thumbnails.
Customizable thumbnails border and background: every thumbnail can have a border and a background, the thumbnail?s background coloration, the border?s dimension and the border?s coloration are customizable, additionally the thumbnails border coloration might be tweened from a traditional coloration to a specific coloration..
Thumbnail?s description or thumbnails media icons: every thumb can have a brief description with a clear background underneath it or a media icon which represents a hyperlink, video or picture, this are seen when the mouse is over a thumbnail, the textual content might be formatted with CSS, the background coloration and opacity additionally might be modified (optionally available).
“Load extra thumbnails characteristic”: that is an superior characteristic which improves the general efficiency and velocity of loading as a result of on this approach not all of the thumbnails are loaded and displayed without delay. For instance when you have a complete of 120 thumbnails you possibly can present them in units of 50 thumbnails, and so initially within the grid the primary set of 50 thumbnails are loaded and displayed, and when the “load extra thumbnails” button is pressed the subsequent set of 50 thumbnails are loaded and displayed, and eventually when the “load extra thumbnails” button is pressed once more the 20 remaining thumbnails are confirmed. The variety of thumbnails to load per set is customizable, it doesn’t need to be 50 it may be any quantity that you simply think about. This characteristic is optionally available, whether it is disabled all thumbnails are loaded and displayed.
Customized press thumbnail motion: when a thumbnail is pressed you possibly can select both to show an unique media lightbox which we’ve got coded, or to open a brand new webpage, the url and goal of this webpage might be specified. The lightbox can show photographs, or can show movies loaded from YouTube or Vimeo.
Lightbox important options:
Responsive / Versatile / Fluid structure: the lighbox will all the time fill the accessible browser viewport.
The whole coloration theme might be modified.
Vimeo and YouTube assist: all you must do is to incorporate the hyperlink from YouTube or Vimeo video that you simply wish to show and the lighbox will show and play your video. The dimensions (width and peak) of every video might be set simply.
Zoom and panning assist for photographs: you possibly can zoom out and in a picture and you’ll pan the picture, on this approach you possibly can see the picture in nice element (optionally available).
Slideshow button (optionally available).
Slideshow delay, the delay of the slideshow might be set in seconds.
Slideshow customized animated graphics.
Subsequent and former buttons navigation (optionally available).
Data button and data window: every lighbox merchandise can have an outline, the textual content and window look might be formatted with CSS (optionally available).
Customizable border and background: the border dimension and coloration and likewise the principle background coloration are customizable.
Keyboard assist: the left and proper arrows can be utilized for navigation (optionally available).
07.03.2013 – Bug repair associated to the lightbox when it’s zoomed on Chrome and higher detection for cellular gadgets.