Demo 2 - Zoom Slider with Ken Burns effect

Demos: 12


Ken Burns effect

The Zoom Slider gives a Ken Burns transition effect. Non jQuery, non flash. Sleek and Smooth.



Event Log:
beforeSlideChange event handler:

The Zoom Slider has a beforeSlideChange event handler available for developers to perform extra tasks when needed. The handler function has two passed-in arguments: args[0] - next slide index, args[1] - next caption.

The following is the beforeSlideChange code used in this demo:
<div id="status"></div> <script type="text/javascript"> var theStatus = document.getElementById("status"); function beforeSlideChange(args) { //args[0] - next slide index, args[1] - next slide caption theStatus.innerHTML = 'slide ' + (parseInt(args[0]) + 1) + ': ' + args[1]; } </script>