Creating a self-contained JavaScript “slider”

Question

At the risk of showing the world what a novice I am, here goes:

I'm working on a site with a fluid (100%) width layout. On a particular page, I'd like to have a slider (although I guess it's really more of a fader) with slides containing text and HTML so they look like one more part of the page, but when a user clicks on a particular word or image on one slide, that will skip to another designated slide. Here's a graphic which hopefully explains what I'm going for:

http://marcatectura.com/wp-content/uploads/2012/08/Slider-graphic.jpg

I've been messing around with a JSfiddle for days, but just can't seem to achieve the desired effect: http://jsfiddle.net/Koubenec/yxPQV/50/

Any help from the far more experienced folks on stackoverflow would be greatly appreciated.

Answer 1

Try this:

http://jsfiddle.net/PV7jA/9/

Answer 2

基于Coda Slider（位于http://jqueryfordesigners.com/coda-slider-effect/ ）的代码正是我想要的！