A Web Development Blog Focused on Code and Technology
Currently Browsing: Home » Elegant jQuery Slideshow Plugin: Lateral Slider
Elegant jQuery Slideshow Plugin: Lateral Slider
By Karthik Viswanathan
Let’s start with the defintion:
Slider – The easiest known way to showcase your images and photos on the web in style.
Well, that’s the ideal situation. Unfortunately, it’s often times much more complicated. That’s why I created Lateral Slider.
Lateral Slider is a jQuery slideshow plugin that I recently released on CodeCanyon. How does it work? Simple.
<link rel="stylesheet" href="slider.css" type="text/css" media="screen" />
<!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <!-- Lateral Slider --> <script src="slider.jquery.js"></script>
2. Write the Markup
All you’ll need is a div and a few images:
<div id="slider"> <img src="image1.jpg" alt="Image 1" /> <img src="image2.jpg" alt="Image 2" /> <img src="image3.jpg" alt="Image 3" /> </div>
3. Activate Lateral Slider
Lateral Slider is ready to be displayed.
5. Oops, was there supposed to be a fifth step?
Nope. You’re done.
Simple setup is great, but I’m sure you’re also looking for features. Fear not:
- 13 different transitions
- Support for all major browsers (including IE6)
- Image linking
- Many configurable options
- Controls (forward, back, pick a slide)
- Comprehensive documentation
- Much more…
Interested? It’s only $10. Why not purchase it from CodeCanyon?
2 Responses to “Elegant jQuery Slideshow Plugin: Lateral Slider”
Leave a Reply