Sliders from psd2css Online

Check it out! A multi-paned slider widget for your site and you don't have to write a single line of code. Just draw it in Photoshop and convert it to a working website with your javascript widget in place and working in seconds.

This is the latest cool feature to psd2css Online. For this one you need 2 kinds of layers in your Photoshop design: the _slidecontainer layer and a bunch of _slidepane layers (these are called Layer Naming Conventions - you just add them to the layer name in photoshop. Check the docs at psd2css Online for dozens more). It's really helpful to make all the _slidepanes the same size - just copy the layer in photoshop to make the others. But if you're adventurous you can make the _slidepanes smaller than the _slidecontainer and get a number of your panes to show up in the container at once.

We use the jquery Tools UI library from the folks over at flowplayer.org and there are tons of ways to tweak the behavior beyond what it's doing here for you out of the box.

You can grab a copy of the PSD file used to make this page here.