jquery 手动slide滑动焦点图带数字显示顺序-freejs.net代码演示

首页>>焦点图>>jquery 手动slide滑动焦点图带数字显示顺序(2014-02-07)

jquery 手动slide滑动焦点图带数字显示顺序

XML/HTML Code

<div id="container">
<div class="slideshow">
<ul>
<li><img src="lemons/1.jpg" alt="lemon" /></li>
<li><img src="lemons/2.jpg" alt="lemon tea" /></li>
<li><img src="lemons/3.jpg" alt="splashing lemon" /></li>
<li><img src="lemons/4.jpg" alt="salad with lemon" /></li>
<li><img src="lemons/5.jpg" alt="lemonade!" /></li>
<li><img src="lemons/6.jpg" alt="sliced lemon" /></li>
<li><img src="lemons/7.jpg" alt="dripping lemon" /></li>
</ul>
</div>
</div>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)">2</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)">3</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(3)">4</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(4)">5</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(5)">6</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(6)">7</a> <br/>
<br/>
<script type="text/javascript">
$(window).load(function () {
// start the slideshow
$('.slideshow').blinds();
})
</script>