Video
Web
Bookmark and Share

Expanding DSlider (jQuery content slider)

In this tutorial I will show you how to add new functions to the DSlider (jQuery content slider), created in a previous video. First we will clean up the javascript file, then add a timer that will automaticly animate after a specified time, and finally we’ll make it controllable by the left and right arrow keys.

DownloadDemo

If you haven’t seen the first movie on DSlider I recommend viewing that first: http://dimics.com/text/jquery-content-slider.


For more info on the javascript timer functions used in this video visit: http://w3schools.com/js/js_timing.asp.

DownloadDemo

Greetz,

Durgé

Posted: September 28th, 2009 by Durgé
  1. banny says:

    very nice
    thnxxxx
    good tutorial once again

    October 6, 2009 at 07:59
  2. banny says:

    hey mate
    tell me plz
    what to do when i want the slider to slide in vertical method
    instead on horizontal side by side method
    how to make it vertical slide
    thanx a lot mateee

    October 13, 2009 at 15:46
  3. Durgé says:

    If you want it to slide vertical, take a look at the first vid. In the video first the slides ar vertical under each other. Use that and use the “top” to animate it.

    October 17, 2009 at 15:49
  4. banny says:

    thnx my mate
    ur tut are of gr8 help:)
    looking fwd to see more from u mate
    have a nice day

    October 18, 2009 at 08:19
  5. mikel says:

    Hi I wanted to create a slide menu just like yours on the left hand side. when you hover to the menu it slides out can you tell me some please. Thank you.

    July 12, 2010 at 01:31



To top