Я пытаюсь заставить слайдер jQuery работать с моими элементами, а не с изображениями ... Есть ли способ сделать это с помощью элементов управления ползунком?У меня есть ползунки управления, построенные как списки li.какие-либо предложения, ребята?
Ниже то, что у меня есть:
<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>