Reputation: 10422
I'm trying to get jQuery slider to work with my divs instead of images... Is there a way to do this with slider controls? I have slider controls built as li lists. any suggestions guys?
Below is what I have:
<div class="slide-show" id="slide-show">
<div class="slide-1" id="slide-1">
<div>
<h1>Connect with fellow food lovers</h1>
<p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
<a href="#"><img src="img/home/home-join-now.png" /></a>
</div>
</div>
<div class="slide-2" id="slide-2">
<div>
<h1>Connect with fellow food lovers</h1>
<p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
<a href="#"><img src="img/home/home-join-now.png" /></a>
</div>
</div>
<div class="slide-3" id="slide-3">
<div>
<h1>Connect with fellow food lovers</h1>
<p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
<a href="#"><img src="img/home/home-join-now.png" /></a>
</div>
</div>
<div class="slider-control">
<a href="javascript:void(0);">1</a>
<a href="javascript:void(0);">2</a>
<a href="javascript:void(0);">3</a>
</div>
</div>
Upvotes: 2
Views: 5877
Reputation: 2019
I recently found this Caroufredsel plugin. Its a carousel plugin with fred in the middle!!. I am using it in my production code. Take a look it might be helpful. It also has a 'robot' which helps us configure our carousel. Hope this will be helpful. http://caroufredsel.dev7studios.com/
Upvotes: 0