home > Sliders

Sliding content. This one is just the basics only sliding from left to right. Basic principal is create a div with overflow none so that its contents get clipped. Then in the inner div set the margin to be negative but leave some room for the div/image or whatever to be clickable.

Then add this to the onclick:
onclick="moveTab('slider1', 1, 15, -260, 0);" where the params are:
onclick="moveTab([div id to slide], [interval to slide], [pixels to slide each interval], [closed margin], [open margin]);"

This needs to be beefed up to take in a direction paramater so we can have sliders from any size of an element.

Click the red box
Here's the hidden content of the div
Here's the hidden content of the div
Here's the hidden content of the div
Here's the hidden content of the div
Here's the hidden content of the div