Functional slider

shuffle effect

Get the code
<div id="shuffle"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

zoom effect

Get the code
<div id="zoom"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

fade effect

Get the code
<div id="fade"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

curtainX effect

Get the code
<div id="curtainX"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

scrollDown effect

Get the code
<div id="scrollDown"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

with controls

Get the code
<div id="fade_nav"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

multi effects

Get the code
<div id="multi_effects"> 
	<img src="images/thumbs/img1.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img2.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img3.jpg" alt="" title="Nice Horsy"  />
	<img src="images/thumbs/img4.jpg" alt="" title="Nice Horsy"  />
</div>

text slider

Cras urna velit, iaculis aliquam mattis eu, pellentesque ut dolor.

Pellentesque nec erat elit, vel sollicitudin mauris. Mauris in elit quis

Curabitur adipiscing mollis dignissim. Nunc sed dolor sem. Donec et imperdiet lorem.

Nam interdum congue massa, sed gravida

Vestibulum interdum elementum purus at sollicitudin.

Ut eget metus justo.

Etiam pellentesque purus nec tortor molestie hendrerit sit amet et lacus.

Ut mauris elit, consequat pulvinar volutpat vel, interdum nec urna.

Praesent volutpat euismod placerat. Ut interdum fermentum nulla, quis ultricies erat interdum sed.

Nullam dictum rhoncus neque, eget dignissim nulla pharetra vel.

Get the code
<div id="text_slider"> 
	<div>Cras urna velit, iaculis ...</div>
	<div>Curabitur adipiscing mollis...</div>
	<div>...</div>
</div>