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>