CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708

CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708

CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708
JavaScript \ Slider
Plugin \ Burns \ Slideshow \ Thumbnails \ Youtube \ Vimeo \ Videos \ Jquery \ Slider



JavaScript - Diamond Slider Ken Burns Image Slideshow 686708 by BillyKid @ CodeCanyon

JavaScript \ Slider

Last Update: 25 September 12; Compatible Browsers: IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: jQuery 1.4, jQuery 1.5; Files Included: JavaScript JS, HTML, CSS, Layered PSD.

Item description
Diamond is highly customizable and powerful image slider carefully crafted to enrich website and target wide spectrum of applications. It supports images with any size, html content and videos hosted on youtube and vimeo. Built in kenburns effect for images and flexible transition engine delivers sophisticated and eye catching animations and effects for slider content. Built in video support allows for easy youtube and vimeo clips embedding.

This slider comes with 2 beutiful themes, well organized PSD sources and clear CSS rules allows for quick and easy skin customization to blend it in any website. This jQuery plugin exposes rich interface which can alter any default settings such as animation time, type direction and so on. Moreover HTML 5 data attributes helps to provide per slide settings without need to edit an link to any external config file.

Predefined animations are standard for any image slider out there that’s why beside this Diamond is shipped with flexible and rich animation framework which allows user to create unique transitions in few seconds with just few parameters.

Features highlight

Main features

- Smooth Ken Burns – this eye catching effect can be applied to images placed inside slides as well as for small thumbs placed in secondary navigation. Control start point, destination point, timing of one swipe, zoom level and direction ( zoom in or out )

- Flexible animation framework – this slider is equipped with sophisticated and flexible framework which allows to easily create any transition imaginable because predefined animations aren’t enough this days. Slice up any content inside slide, set position, rotation and size for slices, choose one of many selection pattern ( diagonal, zig-zags, chessboard etc ) and timing mode ( how slices are fired ) to create unique transitions. Of course slider is shipped with tons of predefined animations

- Skins – slider is shipped with two beautiful skins. Well organized CSS and PSD sources allows for easy skin customization or creation of a new one

- Inline content – Diamond can handle any valid HTML markup placed inside slides as well as Youtube and Vimeo videos for which special handling is done

- Multiple sliders – it’s very easy to use multiple sliders on one page and set different settings, content, skin, size look and feel for each one

- Per slide settings – slider can handle per slide settings such as animations, timing, thumb positions, Youtube & Vimeo links via HTML5 markup ( ‘data’ attribute – SEO optimized )

- Crossbrowser – slider works in all modern browsers, even in IE

- Extensive documentation covering every aspect of slider customization, animation framework, performance guidelines and so on

- Powerful API – over 70 options and settings exposed by plugin gives huge potential when it comes to customization

- Fancy circular timer – can be placed in numerous positions( corners, center or even on current bullet ) – degrades to simple progressbar in IE

- Secondary navigation – thumbs or bullets can be placed in one of 24 custom positions to siut Your needs or be disabled if it’s doesn’t needed

- Easy integration – slider can be very easily integrated in any website as well as with other popular plugins such as PrettyPhoto , LightBox and so on

Examples

- DEMO 1 – Classic theme, Ken Burns effect, thumbnails as secondary navigation at the bottom, circular timer in top right corner, pause on hover

- DEMO 2 – Modern theme, Ken Burns effect, thumbnails as secondary navigation bottom – autohide, circular timer in center, Pause on hover

- DEMO 3 – Classic theme, Ken Burns effect, bullets as secondary navigation bottom right, circular timer displayed on current bullet

- DEMO 4 – Modern theme, Ken Burns effect, bullets as secondary navigation left, circular timer displayed on current bullet

- DEMO 5 – Modern theme, Ken Burns effect only for thumbs , thumbs as secondary navigation right outside, circular timer displayed in top left corner

- DEMO 6 – Classic theme, Ken Burns effect only for images inside slides , bullets as secondary navigation top outside, no timer displayed

- DEMO 7 – Modern theme, No Ken Burns effect , no secondary navigation, timer displayed in center

- DEMO 8 – Classic theme, Ken burns effect, no secondary navigation, timer displayed in bottom left corner

Related Items

Changelog
ver 1.4 – 2012.09.25

- Added: auto scroll for thumbs

ver 1.3 – 2011.11.26

- Fixed: initial image flickers

- Added: smooth fadein of first slide at startup

ver 1.2 – 2011.11.15

- Fixed: performance issues

- Added: random transition option

ver 1.1 – 2011.10.30

- Fixed: ie9 bug

ver 1.0 – 2011.10.21
Initial release

Ruby - jQuery Ken Burns Feature List Slider; Ken Burns jQuery Plugin; Wordpress Loupe Plugin; Plasma jQuery Plugin.

Keywords: animation, auto play, banner rotator, custom transition, gallery, image slider, jquery, ken burns, plugin, slideshow, thumbnails, videos, vimeo, youtube.



Tags: Image, Burns, Slideshow, Slider, Plugin, Jquery

Premium CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708 for digital design and education. CodeCanyon Diamond Slider Ken Burns Image Slideshow 686708 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *