Take a look at HD video preview
WordPress Plugin Accessible Right here
Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your images/audio/video in an exquisite and smooth interface. You’ve the choice of presenting your objects in two totally 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 possibly can have a number of units/albums of things and might filter the gallery objects based mostly on file kind or based mostly on customized classes. The gallery permits you to showcase your Youtube/Vimeo movies and Flickr/Picasa images from teams/units/albums/collections. The gallery includes a fluid responsive design and might slot in any display screen dimension starting from cell phones to desktop browsers. The gallery additionally options touch-screen help and makes use of accelerated CSS based mostly animations wherever potential which ends up in easy 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 take a look at the demos in your cellular units equivalent to iPad/iPhone or Android units.
The important thing options are:
- Show images, audio and video
- All gallery information is handed in a easy XML file.
- Two show modes – Thumbnail Grid & Full-width. You can even swap between the 2 modes.
- The Thumbnail Grid mode includes a Masonry format and you may management the spacing between objects by making use of margins by css,
- The Full-width mode permits you to present the images/movies stretched throughout your complete container or to shrink the merchandise in order that it may be seen fully with none cropping.
- You can even have a slideshow of the objects within the Full-width mode. This slideshow stops each time the browser tab wherein 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 objects, by file kind or customized classes.
- Helps a number of gallery units or albums.
- True HTML5 Fullscreen possibility in supported browsers.
- Can embed Youtube and Vimeo Movies.
- Present images from Flickr and Picasa. A number of choices are supplied to tug images from Flickr/Picasa together with the choice to cache the API information. No XML file is required when exhibiting images 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 screen help.
- accelerated CSS animations have been used wherever potential leading to easy animations, which is most noticeable in cellular units.
- Useful keyboard shortcuts have been supplied for simpler navigation of the gallery.
- The gallery objects also can act as hyperlinks to exterior pages
- Two color schemes – Darkish & Mild.
Configurable choices are:
- For those who present Youtube/Vimeo movies then you’ll be able to select to make use of the thumbnails supplied by Youtube/Vimeo.
- You possibly can pull images from Flickr by trying to find a textual content string or tags. You possibly can even pull images from a particular person or a gaggle, or a set or a set of units. You even have the choice of selecting what number of images will probably be proven, how they are going to be ordered and likewise the sizes of the photographs which might be pulled from Flickr.
- You possibly can pull images from Picasa by trying to find a textual content string. You possibly can even pull images from a particular person or an album, or a set of albums. You even have the choice of selecting what number of images will probably be proven, how they are going to be ordered and likewise the sizes of the photographs 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 possibly can even set for a way lengthy the info will probably 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 information in a loop.
- Retailer the amount stage when participant is closed, which is restored when participant opens once more.
- Set the mode, i.e Thumbnail Grid or Full-width, which will probably be proven when the gallery first hundreds. Also can work with a single mode.
- Choice to indicate a selected class of things when the gallery first hundreds.
- Shrink photographs in Full-width mode to suit the container when the gallery first hundreds.
- Select to indicate the thumbnails in Full-width mode when the gallery first hundreds.
- Select the animated impact for the objects in Thumbnail Grid mode when it first reveals. Accessible results are fade, slide, fadeSeq, slidSeq and flipSeq.
- Select the animated impact for exhibiting merchandise captions/descriptions in Thumbnail Grid mode. Accessible results are flip and fade.
- Select to make the merchandise titles in Thumbnail Grid mode all the time seen.
- Select the animated impact for transition between objects in Full-width mode. Accessible 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 exhibiting/hiding the Gallery Units display screen (house display screen). Accessible results are scale, fade and slide.
- Present the gallery both spanning your complete width of the browser or the width of its mother or father container.
- The gallery objects also can act as hyperlinks to exterior pages. You possibly can select to open the hyperlinks in a brand new tab/window.
- You’ve the choice to shuffle or randomly order the gallery objects every time the web page is refreshed.
- The gallery helps preloading of photographs in Full-width mode for smoother viewing. You possibly can select what number of objects at a time will load within the background.
- You can begin the slideshow in Full-width mode when the gallery first hundreds.
- The time interval for which a selected merchandise is seen throughout slideshow might 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.
- Appropriate jQuery based mostly fallbacks have been supplied for all CSS based mostly animated results for older browsers.
- Additionally among the trendy HTML5 options equivalent to Fullscreen and Web page Visibility will solely work in trendy browsers.
- The gallery script has been examined and is totally suitable with jQuery 1.9+. and likewise jquery 2.zero+.
Model 1.four.2 (three March, 2016)
• Fastened a problem the place closing the overlay for audio/video made the gallery exit from fullscreen state.
Model 1.four.1 (9 July, 2015)
• Fastened a bug with picture resizing in Fullwidth mode.
Model 1.four (31 July, 2014)
• Added the choice of selecting the variety of albums to indicate 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. • Fastened merchandise show points, together with the problem of small photographs, contained in the modal field in thumbnails grid mode for cellphone sized screens. • Fastened video participant's fullscreen button concern in iPad. • A number of small styling tweaks to the gallery.
Model 1.three (15 January, 2014)
• Fastened a IE bug the place the thumbnail hyperlinks weren't clickable. • Fastened a small bug the place the overlay button appeared over thumbnails with hyperlink enabled. • Fastened 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 all the time seen. • Added the choice of creating the Fullwidth mode slideshow proceed even when the web page loses focus.
Model 1.2 (15 August, 2013)
• Fastened a bug within the thumbnail grid format when margins had been set on the objects. • Fastened the resizing of photographs within the overlay when the browser was in panorama mode. • Fastened a bug in iOS the place after scrolling the clicks/faucets on the thumbnails grew to become unresponsive. • Improved the closing/opening of the gallery menu in touch-screen units. • Fastened a bug the place the inclusion of photographs within the merchandise captions interfered with the thumbnail grid format. • Modified the code to account for escaping of characters within the cached xml file (when pulling photographs from Flickr/Picasa) if magic quotes within the server had been turned on.
Model 1.1 (eight June, 2013)
• Fastened 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 screen. • Up to date the jquery masonry plugin in order that it's suitable with jquery v1.9+. The gallery now's totally suitable with jquery 1.9+ together with jquery 2.zero. • Different small bug fixes.
Extra Objects by CosmoCoder