We launched a greater and extra full model on the following hyperlink: http://codecanyon.internet/merchandise/ultimate-grid-pro/14039086
What’s Horizontal Gridfolio Professional?
Horizontal Gridfolio Professional is a absolutely responsive media grid plugin that means that you can show media content material with an distinctive and unique structure. It?s good for displays, for anybody that wish to acquire an amazing impression on their guests.
Horizontal Gridfolio Professional incorporates a giant number of choices, it might probably have any variety of classes and every class can have any variety of photographs. When a thumbnail is pressed you may select both to show an unique media lightbox which now we have coded, no motion or open a webpage. The lightbox can show photographs, iframe (html pages) and movies loaded from YouTube or Vimeo.
Horizontal Gridfolio Professional is cellular optimized working nice on iOS (iPad, iPhone), Android and Windows8 cellular gadgets and naturally it really works on each trendy browser and older browsers like IE7 and IE8. We’ve examined it on IPAD3 and on a SAMSUNG GALAXY S3 and it runs nice on each gadgets.
Horizontal Gridfolio Professional can be utilized in any sort of HTML web page together with WordPress, at this hyperlink there’s a demo web page working in WordPress (Please notice that that is NOT a WordPress plugin!, the grid have to be put in manually with html code and the pictures uploaded with a ftp shopper, now we have inclulded a tutorial about set up it in WordPress.
We’ve additionally included full documentation, examples pages and PSD recordsdata together with eight skins.
Grid important options.
- Responsive / Versatile / Fluid structure: the grid can be utilized with three show varieties, responsive/fastened, fluid width or fullscreen.
- Autoscale: The grid can resize it’s top proportional to the width this fashion on smaller screens it would maintain an accurate ratio and will probably be fully seen (optionally available).
- Drag or Scroll Perform: The grid may be dragged with the mouse/finger or scrolled like a daily HTML web page.
- Mouse wheel assist: The grid may be scrolled with the mouse wheel (optionally available).
- Assist for any variety of classes and every class can have any variety of photographs, if it has just one class the classes selector is disabled/not seen.
- Customizable thumbnail’s dimension and geometry: this characteristic means that you can change the thumbnials dimension, border dimension, nook radius and the house between them.
- Customizable thumbnail’s border and background: every thumbnail can have a border and a background, the thumbnail’s background colour,border dimension and the border colour are customizable, additionally the thumbnail’s border colour may be animated from a standard colour to a particular colour.
- Thumbnail’s description or thumbnail’s media icons: every thumb can have a brief description with a clear background beneath it or a media icon which represents a hyperlink, iframe, video or picture, this are seen when the mouse is over a thumbnail, the textual content may be formatted with CSS, the background colour and opacity additionally may be modified (optionally available). The thumbnails may be additionally static, which means nothing will occur when the mouse is over them or they’re clicked/touched.
- ?Extra thumbs characteristic?: that is an superior characteristic which improves the general efficiency and velocity of loading as a result of on this method not all of the thumbnails are loaded and displayed directly. For instance in case you have a complete of 120 thumbnails you may 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 ?Extra thumbs? button is pressed the subsequent set of 50 thumbnails are loaded and displayed, and eventually when the ?Extra thumbs? 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 may select both to show an unique media lightbox which now we have coded, or to open a brand new webpage, the url and goal of this webpage may be specified. The lightbox can show photographs, iframe (html pages) or movies loaded from YouTube or Vimeo. Additionally the grid may be set when a thumbnail is pressed to do nothing, this fashion it may be used as a easy picture wall.
Lightbox important options.
- Responsive / Versatile / Fluid structure: the lighbox will all the time fill the accessible browser viewport.
- All the colour theme may be modified.
- Vimeo and YouTube assist: all it’s important to 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 scale (width and top) of every video may be set simply.
- Video autoplay: When a video is displayed it may be set to autoplay (this characteristic just isn’t work on cellular as a result of the working system just isn’t permitting it).
- Iframe assist: The lightbox can show HTML pages, all it’s important to do is to incorporate the hyperlink of your web page that you simply wish to show. The scale (width and top) of every iframe (html web page) may be set simply.
- Picture assist: The lightbox can load and show .jpg, .jepg and .png recordsdata.
- Zoom and panning assist for photographs: The pictures may be zoomed out and in or paned, this fashion you may see the picture in nice element (optionally available).
- Slideshow button (optionally available).
- Slideshow autoplay.
- Slideshow delay: The slideshow delay may be set in seconds.
- Slideshow customized animated graphics.
- Subsequent and former buttons navigation (optionally available).
- Data button and information window: Every lighbox merchandise can have an outline, the textual content and window look may be formatted with CSS (optionally available).
- Customizable border and background: The border dimension and colour and in addition the primary background colour are customizable.
Keyboard assist: The left and proper arrows can be utilized for navigation (optionally available).