CCGallery - HTML5 Multimedia Gallery

Click here to look the HD video preview

Wordpress Plugin Version Available Right Here

CCGallery is a HTML5 multimedia gallery. it is quite simple to use and can be configured easily via a XML record. It acts as a template which shows all your images, audio files and video files in a swish and attractive interface. You get to browse the items in Coverflow mode or in a Thumbnail grid mode. you'll be able to easily transfer among the two display modes and can even filter the pieces by way of showing best images, or audio files, or video recordsdata. CCGallery has been designed in any such manner that it's extremely easy to browse through a big selection of pieces and in addition with sufficient eye candy!

the important thing options are:

• Display images, audio and video.
• Configure the gallery using an easy XML record.
• Two display modes – Coverflow and Thumbnail, with method to switch among the 2. you'll be able to additionally select which mode to load first.
• CSS 3D Transforms are used for the coverflow in supported browsers, that is hardware sped up and thus leading to smoother animations, which is especially referred to in cellular devices similar to iPad/iPhone. In unsupported browsers HTML5 Canvas is used.
• Plays audio and video natively in brand new HTML5 browsers and switches over to Flash/Silverlight for older browsers by utilizing Mediaelement.js.
• can also embed Youtube and Vimeo videos.
• Filters pieces based on report type or in line with custom classes, with a nice shuffling animation by utilizing jQuery Quicksand plugin. you'll additionally to select to show a selected category on web page load.
• option to stumble on cellular units in order that those gadgets can also be served low high quality videos which can be declared in an alternate XML document.
• The gallery includes a fluid responsive layout to account for various monitors sizes starting from cellphones to personal computer browsers and will also be placed in a box of any width.
• Options to autoplay and loop audio and video information.
• Various to hand keyboard shortcuts for less complicated browsing of the gallery.
• Scroll coverflow images using contact swipe in touch screen units.
• can make the thumbnail images in each the Thumbnails and Coverflow modes act as links to exterior pages. option to open links in new window/tab.
• color schemes (dark and light-weight) can be found.
• Modification the styling of the gallery in keeping with your wishes by means of tweaking the CSS.

WORD: The Coverflow mode makes use of a step fallback mechanism. It first makes use of CSS 3D Transforms, and if it is no longer 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 support Canvas will see a fallback lively impact for surfing information, so they nonetheless get to peer a nicely running gallery.

Evaluations

Changelog

Model 4.1.1 (24 April, 2013)

• Made the gallery appropriate with jQuery 1.9+ . • Updated all helper scripts.

Version 4.1 (25 October, 2012)

• Added the method to hold the amount atmosphere of the participant whilst it is closed, so that while it's opened once more the former quantity degree is set. • The caption house in the modal overlay now shows all of the caption, whatever its dimension, with out overflowing at the image/video/audio. • Fixed a malicious program the place the Coverflow pictures were not situated correctly if the beginning mode used to be Thumbnails. • Mounted a worm the place the thumbnail hyperlinks weren't operating as it should be within the Coverflow mode after filtering. • Mounted a malicious program the place the following/prev buttons had been appearing even when there was only one merchandise after filtering. • Mounted a computer virus the place the presence of a picture within the caption was once causing problems in the Thumbnails mode. • Fastened a malicious program where audio recordsdata were being loaded two times when the Flash participant was once active. • Fixed a volume slider position bug within the Mediaelement.js player.

Version 4.0 (25 September, 2012)

• The Coverflow mode now uses CSS 3d Transforms in browsers that strengthen it, thus leading to smoother animation, particularly in mobile units. In unsupported browsers HTML5 Canvas is used. • The touch swipe functionality to browse the Coverflow images has been progressed. • The gallery now a options fluid responsive layout therefore permitting it to conform to any browser window width and determine container width. • Quite A Lot Of small computer virus fixes.

Version 3.1 (30 August, 2012)

• Delivered the way to dispose of the mirrored image of the coverflow photographs. • Delivered the way to select whether or not hyperlinks added to gallery thumbnails will open in a brand new window or not. • Coverflow pictures may also be scrolled using touch swipe in contact enabled devices. • The coverflow slider can now be used in contact enabled devices. • Fixed a malicious program where the coverflow fade gradient, if disabled, was once triggered whilst the browser window used to be resized.

Model 3.0.1 (25 Might, 2012)

• Mounted a couple of keyboard shortcut bugs whilst either the Lightbox or the Thumbnails mode used to be visual.

Model 3.0 (21 Might, 2012)

• Introduced prev/next buttons to the Lightbox in order to navigate through the pieces without last the Lightbox. • Brought the strategy to flip off the light effect at the edges of the Coverflow pictures segment, therefore permitting the gallery to be positioned in any heritage. • Brought the way to point out the historical past color for the gallery that allows you to be used to generate the faded effect within the Coverflow. Via default the frame background colour is read. • Brought a brand new color scheme - Light.

Version 2.0 (ELEVEN February, 2012)

• Made the gallery design responsive to account for varied screen sizes ranging from cellphones to personal computer browsers. • Progressed the Coverflow impact significantly. The impact is extra clean when flipping photographs quickly and likewise other optimizations had been made. • Added the approach to point out a beginning item for the Coverflow mode. • Introduced the strategy to play audio and video recordsdata in a loop. • Introduced the way to make the thumbnails behave as links to exterior pages. • Added extra keyboard shortcuts - urgent ENTER opens overlay modal field, and urgent ESC close overlay.

Model 1.4 (13 November, 2011)

• Added the way to enable autoplay of audio and video files once the modal overlay field containing the media participant displays up. Youtube and Vimeo videos additionally get autoplayed. • Delivered the approach to display simplest a particular class of items when the web page first quite a bit. • Fixed a worm regarding filtering in response to custom classes.

Version 1.3 (28 July, 2011)

• Added the approach to filter out items in response to customized categories. • Fixed a computer virus that was combating the loading of the trade XML record for cell devices, if the person selected that choice. • Larger the scale of the video player in the modal overlay.

Model 1.2 (10 June, 2011)

• Delivered the approach to discover mobile devices in order that these devices will also be served low high quality movies which are declared in an alternate XML report. • Item titles at the moment are displayed below active Coverflow photographs. • Fixed an IE9 worm which used to be inflicting Coverflow photographs not to display there if approach to load Thumbnail mode first used to be chosen.

Model 1.1 (29 May, 2011)

• Introduced the method to select whether CCGallery will load the Coverflow or Thumbnails mode first. • Mounted a malicious program in IE9 that was causing audio/video information not to play there. • Mounted a bug in IE8 that used to be brought about after an audio/video report used to be played.

Extra Pieces through CosmoCoder

FULL DOWNLOAD