开发者

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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜