Check out HD video preview
WordPress Plugin Available Here
Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your pictures/audio/video in an attractive and modern interface. You’ve gotten the choice of presenting your gadgets in two completely different modes, that are a Thumbnail Grid and Full-width view, and also you even have the choice of switching between the 2 modes. You may have a number of units/albums of things and might filter the gallery gadgets primarily based on file sort or primarily based on customized classes. The gallery permits you to showcase your Youtube/Vimeo movies and Flickr/Picasa pictures from teams/units/albums/collections. The gallery includes a fluid responsive design and might slot in any display dimension starting from cell phones to desktop browsers. The gallery additionally options touch-screen help and makes use of {hardware} accelerated CSS primarily based animations wherever potential which leads to clean animations, that’s particularly noticeable in cellular units.
Strive the gallery demos and resize your browser to see the responsive design of the gallery in motion. Additionally try the demos in your cellular units similar to iPad/iPhone or Android units.
The important thing options are:
- Show pictures, audio and video
- All gallery information is handed in a easy XML file.
- Two show modes – Thumbnail Grid & Full-width. You can too change between the 2 modes.
- The Thumbnail Grid mode includes a Masonry structure and you’ll management the spacing between gadgets by making use of margins by css,
- The Full-width mode permits you to present the pictures/movies stretched throughout your complete container or to shrink the merchandise in order that it may be seen fully with none cropping.
- You can too have a slideshow of the gadgets within the Full-width mode. This slideshow stops each time the browser tab during which the gallery is displayed, goes out of focus (this characteristic solely works in browsers that helps the HTML5 Web page Visibility Api and you’ve got the choice to disable this characteristic).
- Performs audio and video natively in trendy HTML5 browsers and switches over to Flash/Silverlight for older browsers by utilizing Mediaelement.js.
- Filter gadgets, by file sort or customized classes.
- Helps a number of gallery units or albums.
- True HTML5 Fullscreen choice in supported browsers.
- Can embed Youtube and Vimeo Movies.
- Present pictures from Flickr and Picasa. A number of choices are supplied to drag pictures from Flickr/Picasa together with the choice to cache the API information. No XML file is required when displaying pictures from Flickr/Picasa.
- The gallery includes a fluid responsive design to account for varied screens sizes starting from cell phones to desktop browsers and can be positioned in a container of any width.
- The gallery is cellular gadget pleasant with contact display help.
- {Hardware} accelerated CSS animations have been used wherever potential leading to clean animations, which is most noticeable in cellular units.
- Useful keyboard shortcuts have been supplied for simpler navigation of the gallery.
- The gallery gadgets also can act as hyperlinks to exterior pages
- Two color schemes – Darkish & Mild.
Configurable choices are:
- Should you present Youtube/Vimeo movies then you’ll be able to select to make use of the thumbnails supplied by Youtube/Vimeo.
- You may pull pictures from Flickr by trying to find a textual content string or tags. You may even pull pictures from a particular consumer or a bunch, or a set or a set of units. You even have the choice of selecting what number of pictures shall be proven, how they are going to be ordered and likewise the sizes of the pictures which might be pulled from Flickr.
- You may pull pictures from Picasa by trying to find a textual content string. You may even pull pictures from a particular consumer or an album, or a set of albums. You even have the choice of selecting what number of pictures shall be proven, how they are going to be ordered and likewise the sizes of the pictures which might be puled from Picasa.
- Choice to allow caching of Flickr/Picasa API response information to forestall crossing the restrict set by these companies. You may even set for the way lengthy the information shall be cached.
- Can point out a customized thumbnail picture for the gallery units. By default the thumbnail for the primary merchandise within the set is used to signify the set.
- Autoplay audio and video when Lightbox opens in Thumbnail Grid mode.
- Play audio and video recordsdata in a loop.
- Retailer the amount degree when participant is closed, which is restored when participant opens once more.
- Set the mode, i.e Thumbnail Grid or Full-width, which shall be proven when the gallery first masses. Also can work with a single mode.
- Choice to point out a specific class of things when the gallery first masses.
- Shrink pictures in Full-width mode to suit the container when the gallery first masses.
- Select to point out the thumbnails in Full-width mode when the gallery first masses.
- Select the animated impact for the gadgets in Thumbnail Grid mode when it first exhibits. Obtainable results are fade, slide, fadeSeq, slidSeq and flipSeq.
- Select the animated impact for displaying merchandise captions/descriptions in Thumbnail Grid mode. Obtainable results are flip and fade.
- Select to make the merchandise titles in Thumbnail Grid mode at all times seen.
- Select the animated impact for transition between gadgets in Full-width mode. Obtainable results are fade, slide and flip.
- Select to proceed the slideshow in Fullwidth mode even when the web page loses focus.
- Select the animated impact for displaying/hiding the Gallery Units display (dwelling display). Obtainable results are scale, fade and slide.
- Present the gallery both spanning your complete width of the browser or the width of its mum or dad container.
- The gallery gadgets also can act as hyperlinks to exterior pages. You may select to open the hyperlinks in a brand new tab/window.
- You’ve gotten the choice to shuffle or randomly order the gallery gadgets every time the web page is refreshed.
- The gallery helps preloading of pictures in Full-width mode for smoother viewing. You may select what number of gadgets at a time will load within the background.
- You can begin the slideshow in Full-width mode when the gallery first masses.
- The time interval for which a specific merchandise is seen throughout slideshow will be set.
- Choice to set the trail for the gallery configuration XML file.
- Choice to detect cellular units and serve them a separate XML file.
Particular Notes
- Appropriate jQuery primarily based fallbacks have been supplied for all CSS primarily based animated results for older browsers.
- Additionally a few of the trendy HTML5 options similar to Fullscreen and Web page Visibility will solely work in trendy browsers.
- The gallery script has been examined and is totally appropriate with jQuery 1.9+. and likewise jquery 2.0+. and three.0+
Opinions
Changelog
Model 1.4.3 (7 February, 2022)
• Mounted a difficulty with parsing the response from the Vimeo API
Model 1.4.2 (3 March, 2016)
• Mounted a difficulty the place closing the overlay for audio/video made the gallery exit from fullscreen state.
Model 1.4.1 (9 July, 2015)
• Mounted a bug with picture resizing in Fullwidth mode.
Model 1.4 (31 July, 2014)
• Added the choice of selecting the variety of albums to point out in a Flickr/Picasa assortment.
• As per Flickr's new API necessities the gallery now makes use of "https" in all API request url's.
• Mounted merchandise show points, together with the problem of small pictures, contained in the modal field in thumbnails grid mode for cellphone sized screens.
• Mounted video participant's fullscreen button situation in iPad.
• A number of small styling tweaks to the gallery.
Model 1.3 (15 January, 2014)
• Mounted a IE bug the place the thumbnail hyperlinks weren't clickable.
• Mounted a small bug the place the overlay button appeared over thumbnails with hyperlink enabled.
• Mounted the max-height setting and the positioning of the Fullwidth mode caption overlay.
• Added the choice of creating the merchandise titles in Thumbnail Grid mode at all times seen.
• Added the choice of creating the Fullwidth mode slideshow proceed even when the web page loses focus.
Model 1.2 (15 August, 2013)
• Mounted a bug within the thumbnail grid structure when margins had been set on the gadgets.
• Mounted the resizing of pictures within the overlay when the browser was in panorama mode.
• Mounted a bug in iOS the place after scrolling the clicks/faucets on the thumbnails turned unresponsive.
• Improved the closing/opening of the gallery menu in touch-screen units.
• Mounted a bug the place the inclusion of pictures within the merchandise captions interfered with the thumbnail grid structure.
• Modified the code to account for escaping of characters within the cached xml file (when pulling pictures from Flickr/Picasa) if magic quotes within the server had been turned on.
Model 1.1 (8 June, 2013)
• Mounted downside with positioning of the gallery overlay/lightbox when there have been different content material within the web page together with the gallery.
• The filter dropdown menu opens a lot faster now in touch-screen units and likewise closes when tapping elsewhere on the display.
• Up to date the jquery masonry plugin in order that it's appropriate with jquery v1.9+. The gallery now's totally appropriate with jquery 1.9+ together with jquery 2.0.
• Different small bug fixes.
Extra Gadgets by CosmoCoder
