views:

54

answers:

4
+1  Q: 

jQuery tab slider

Hey all, i am trying to find a good example of this type of slider HERE. I can not seem to find the "official" name for it so i really can't search for it. The effect that i am trying to find is that of the triangle that moves/slides depending on which tab you click on.

Any help would be great! :o)

David

A: 

Here is a pretty good guide, going over the main principles involved.

http://flowplayer.org/tools/tabs/index.html

Tim
Thanks but i meant just the triangle that movies, not the tabs themselves. :o)
StealthRT
All that is happening here, is that he is increasing the margin, on the css for the triangle. It is the same principles, applied to a different object - In your case, you would want to run a loop, which increases of decreases the triangle margin by 1. Giving it the slide effect.
Tim
A: 

That isn't a slider, its just a tabbed layout.

You can see the JS source at: http://www.adamscrap.com/js/switches.js

webdestroya
Correct but it slides to its location and i can not seem to find how that is done. I thought it was jQuery but even with that on the page it doesn't "slide"
StealthRT
A: 

Some call it the "Content slider". There's quite many tutorials on the subject and here's few links to move you forwards:

Mikael Koskinen
A: 

he has used this function to move the triangle.

just look at it and u will find how simple it is!

rahim asgari
Correct but it slides to its location and i can not seem to find how that is done. I thought it was jQuery but even with that on the page it doesn't "slide"
StealthRT
i suppose that u havent used firebug before. use it to find out where he has called the function and for which elements.
rahim asgari