jQuery storyboard next previous
I'm looking to create the storyboard idea that oDesk uses on http://www.odesk.com/w/odesk_story
I like the way the html is laid out but I can't seem to find the javascript that controls it.
If I were to recreate that functionality exactly, what would be the best plugin to use.
Or for that matter is it hard to write it myself?
In summary.
There would be 5 story blocks with the first one shown and the others hidden. As you click next it hides the first and shows the next one.
Lets assume we want a jquery code that can handle different a开发者_如何学Gomounts of slides.
Bit rusty on my jQuery, any help or tips would be greatly appreciated. Would do me no harm to try write my own code.
UPDATE:
In the end, I actually got it working without any javascript. I just used anchor text and overflow:hidden amount a few other css attributes to make it work. The only thing is it doesn't have a nice slide effect. If I want to add a transition to an anchor link what is the best way to do that?
UPDATE 2:
For anyone that is interested you can view the end product here; http://www.fishpond.ie/howitworks.html
I just created something very similar using scrollTo.
I wrote an advertising banner similar to what you are describing recently using easySlider. Its pretty nice out of the box and I managed to modify the code a bit to enable both next/previous as well as the numeric slide select boxes.
I think there no problem to do it using only with jQuery and jQuery UI.
You can run and slide effect http://jqueryui.com/demos/effect/ and toggle the div to display:none
精彩评论