Skip to content
A simple Ken Burns effect image slider
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

KenBurning Slider 0.20

A simple Ken Burns effect image slider based on jQuery library.

This plugin is under early development ;)

Of course, feel free to pull, fork, branch, crunch, smack, rush, and all the awesome git stuff.


Download files or clone this repository.

Include CSS between your <head></head> tags, like this:

<link rel="stylesheet" href="css/kenburning.css" type="text/css" />

Put your images on any container with any ID and in-line style for the height. By the moment, <img> tags should be directly under the container, like this:

<div id="my-container" style="350px">
  <img src="img/pic-001.jpg" alt="" />
  <img src="img/pic-002.jpg" alt="" />
  <img src="img/pic-003.jpg" alt="" />
  <img src="img/pic-004.jpg" alt="" />

Include jQuery library by downloading it or by linking a CDN, then the .js and call the plugin, like this:

<script type="text/javascript" src=""></script>
<script type="text/javascript" src="js/kenburning.js"></script>
<script type="text/javascript">
		zoom : 1.25, // zoom multiplier (1.25x)
		time : 6000 // transition length (miliseconds)

Take a look at demo.html for a basic implementation sample.


We're on early dev! Pull requests are really welcome.

  • Get rid of that ugly in-line style.
  • Minify JS & CSS.
  • Preload contents.
  • Add support for div or ul based markup.
  • Pass dimensions, zoom and duration via JS function (if desired).
  • BUG: apparently random image flashes sometimes...
  • Add theme support.
  • Improve smoothness on slow animations & overall performance.
  • Determine jQuery version requirements.
  • Mock up the demo.
  • Correct README and other texts.
  • License the code.


Sample images were taken from under Attribution 2.0 Generic (CC BY 2.0) license.

Thanks to the authors for their great job!

The main function of this plugin is based on Simple jQuery Slideshow Script, released by Jon Raasch (

By the way, Ken Burns is this guy ->

You can’t perform that action at this time.