Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Diamond Slider - Ken Burns Image Slideshow

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Diamond Slider - Ken Burns Image Slideshow - Item for Sale


Ad: Bluehost hosting

Follow me on Follow Twitter

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

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 withtonsof predefined animations
  • Skins– slider is shipped with two beautiful skins. Well organizedCSS and PSDsources 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 asYoutube and Vimeovideos 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 documentationcovering 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 asPrettyPhoto, LightBoxand so on


  • 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

qj11 p.di UnHmIted transitions Tons options Ken Bums effect Inline content Youtube d1meo support Easyto install

flaq Smooth Ken Burns effect Optional tivtr Subpixel Play, pause hover modes PrettyPhoto Lightbox enabled Crossbrowser


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

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


21 October 11

Last Update:
25 September 12

Compatible Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Software Version:

Files Included:
JavaScript JS, HTML, CSS, Layered PSD


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