Click here to see the HD video preview
WordPress Plugin Version Available Here
CCGallery is a HTML5 multimedia gallery. It is rather easy to make use of and might be configured simply by means of a XML file. It acts as a template which shows all of your photos, audio information and video information in a glossy and enticing interface. You get to browse the gadgets in Coverflow mode or in a Thumbnail grid mode. You’ll be able to simply swap between the 2 show modes and might even filter the gadgets by displaying solely photos, or audio information, or video information. CCGallery has been designed in such a means that this can be very straightforward to flick thru numerous gadgets and in addition with sufficient eye sweet!
The important thing options are:
- Show photos, audio and video.
- Configure the gallery utilizing a easy XML file.
- Two show modes – Coverflow and Thumbnail, with possibility to modify between the 2. You can too select which mode to load first.
- CSS 3D Transforms are used for the coverflow in supported browsers, which is {hardware} accelerated and thus leading to smoother animations, which is particularly famous in cell units corresponding to iPad/iPhone. In unsupported browsers HTML5 Canvas is used.
- Performs audio and video natively in trendy HTML5 browsers and switches over to Flash/Silverlight for older browsers by utilizing Mediaelement.js.
- May also embed Youtube and Vimeo movies.
- Filters gadgets primarily based on file kind or primarily based on customized classes, with a pleasant shuffling animation by utilizing jQuery Quicksand plugin. You can too to decide on to show a selected class on web page load.
- Choice to detect cell units in order that these units might be served low high quality movies that are declared in an alternate XML file.
- The gallery contains a fluid responsive design to account for varied screens sizes starting from cellphones to desktop browsers and can be positioned in a container of any width.
- Choices to autoplay and loop audio and video information.
- Numerous helpful keyboard shortcuts for simpler searching of the gallery.
- Scroll coverflow photos utilizing contact swipe in contact display screen units.
- Could make the thumbnail photos in each the Thumbnails and Coverflow modes act as hyperlinks to exterior pages. Choice to open hyperlinks in new window/tab.
- Two color schemes (darkish and lightweight) can be found.
- Change the styling of the gallery in response to your wants by tweaking the CSS.
NOTE: The Coverflow mode makes use of a two step fallback mechanism. It first makes use of CSS 3D Transforms, and if it isn’t supported then HTML5 Canvas is used, which is supported in Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera 9.5+ and IE9+. Older browsers that don’t assist Canvas will see a fallback animated impact for searching information, in order that they nonetheless get to see a properly working gallery.
Evaluations
Changelog
Model 4.1.1 (24 April, 2013)
• Made the gallery suitable with jQuery 1.9+ . • Up to date all helper scripts.
Model 4.1 (25 October, 2012)
• Added the choice to retain the amount setting of the participant when it's closed, in order that when it's opened once more the earlier quantity degree is about. • The caption space within the modal overlay now shows all the caption, no matter its measurement, with out overflowing on the picture/video/audio. • Mounted a bug the place the Coverflow photos weren't positioned appropriately if the beginning mode was Thumbnails. • Mounted a bug the place the thumbnail hyperlinks weren't working appropriately within the Coverflow mode after filtering. • Mounted a bug the place the following/prev buttons had been exhibiting even when there was just one merchandise after filtering. • Mounted a bug the place the presence of a picture within the caption was inflicting issues within the Thumbnails mode. • Mounted a bug the place audio information had been being loaded twice when the Flash participant was energetic. • Mounted a quantity slider place bug within the Mediaelement.js participant.
Model 4.0 (25 September, 2012)
• The Coverflow mode now makes use of CSS 3d Transforms in browsers that assist it, thus leading to smoother animation, particularly in cell units. In unsupported browsers HTML5 Canvas is used. • The contact swipe performance to browse the Coverflow photos has been improved. • The gallery now a options fluid responsive design thus enabling it to adapt to any browser window width and dad or mum container width. • Numerous small bug fixes.
Model 3.1 (30 August, 2012)
• Added the choice to take away the reflection of the coverflow photos. • Added the choice to decide on whether or not hyperlinks added to gallery thumbnails will open in a brand new window or not. • Coverflow photos might be scrolled utilizing contact swipe in contact enabled units. • The coverflow slider can now be utilized in contact enabled units. • Mounted a bug the place the coverflow fade gradient, if disabled, was triggered when the browser window was resized.
Model 3.0.1 (25 Could, 2012)
• Mounted a number of keyboard shortcut bugs when both the Lightbox or the Thumbnails mode was seen.
Model 3.0 (21 Could, 2012)
• Added prev/subsequent buttons to the Lightbox as a way to navigate by means of the gadgets with out closing the Lightbox. • Added the choice to show off the pale impact on the edges of the Coverflow photos part, thus permitting the gallery to be positioned in any background. • Added the choice to say the background color for the gallery which might be used to generate the pale impact within the Coverflow. By default the physique background color is learn. • Added a brand new color scheme - Gentle.
Model 2.0 (11 February, 2012)
• Made the gallery design conscious of account for varied display screen sizes starting from cellphones to desktop browsers. • Improved the Coverflow impact considerably. The impact is extra easy when flipping photos shortly and in addition different optimizations have been made. • Added the choice to say a beginning merchandise for the Coverflow mode. • Added the choice to play audio and video information in a loop. • Added the choice to make the thumbnails behave as hyperlinks to exterior pages. • Added extra keyboard shortcuts - urgent ENTER opens overlay modal field, and urgent ESC shut overlay.
Model 1.4 (13 November, 2011)
• Added the choice to allow autoplay of audio and video information as soon as the modal overlay field containing the media participant reveals up. Youtube and Vimeo movies additionally get autoplayed. • Added the choice to show solely a selected class of things when the web page first hundreds. • Mounted a bug concerning filtering primarily based on customized classes.
Model 1.3 (28 July, 2011)
• Added the choice to filter gadgets primarily based on customized classes. • Mounted a bug that was stopping the loading of the alternate XML file for cell units, if the person selected that possibility. • Elevated the dimensions of the video participant within the modal overlay.
Model 1.2 (10 June, 2011)
• Added the choice to detect cell units in order that these units might be served low high quality movies that are declared in an alternate XML file. • Merchandise titles are actually displayed beneath energetic Coverflow photos. • Mounted an IE9 bug which was inflicting Coverflow photos to not show there if choice to load Thumbnail mode first was chosen.
Model 1.1 (29 Could, 2011)
• Added the choice to decide on whether or not CCGallery will load the Coverflow or Thumbnails mode first. • Mounted a bug in IE9 that was inflicting audio/video information to not play there. • Mounted a bug in IE8 that was precipitated after an audio/video file was performed.
Extra Objects by CosmoCoder
