HASHSLIDER V2 OUT NOW!
You can found an improved version of the hashslider here
simple jquery hash-slider
This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider. I was searching for a script like this for a while but didn't find one and so a decided to make one myself.
For example: http://yoururl.com/slider.html#3 will set the slider to its 3th position
features
- easy to implement
- full styleable via css
- mouse wheel integration
- direct links to slider postion via hash tag
- automatic generated number navigation
- content could be everything
- free for everyone
- only 2,2kb in size
download
minified script download and css download
rar-package with the script, the css and a example integration download
integration
Grab the latest version of jquery and download and integrate the hashslider.js and the hashslider.css (also the mousewheel plugin if you wish) use following HTML code and then make your adjustments in css. Note: it's important to give the #slider a specific width!
<div id="slider">
<ul>
<li> example</li>
<li> example2</li>
</ul>
</div>
<div id="left"> goLeft </div>
<div id="right"> goRight </div>
<ul id="numbers">
<li></li>
</ul>
Feel free to try around and play a little bit with the code, you could use other easing-methods for example.