这是js点击变换图片和下拉列表的代码
$('#mycarousel li').click(function(){
var $this = $(this);
$('#imgpath').attr('src', $this.find('img').attr('data-original'));
$this.find('img').addClass('actived').parent().siblings().find('img').removeClass('actived');
$('#plist')[0].selectedIndex = currentPlayIndex;
});
$('#plist').change(function(){
var $this = $(this);
var selectedIndex = $this.find(':selected').index();
$('#mycarousel li').eq(selectedIndex).trigger('click');
});
下面是页面html的:
图片列表
<ul id="mycarousel" >
<script type="text/template" charset="utf-8" id="mycarouseltmp">
{{ for(var i=0;i<it.length;i++){ }}
<li><img class="lazy" src="img/grey.gif" data-original="{{=it[i].img_path}}" width="80" height="60" alt="" title="{{=it[i].ymd}}"></li>
{{ } }}
</script>
</ul>
对应图片的时间列表
<div class="plist">
<select id="plist">
<script type="text/template" charset="utf-8" id="plisttmp">
{{ for(var i=0;i<it.length;i++){ }}
<option>{{=it[i].ymd}}</option>
{{ } }}
</script>
</select>
</div>
添加回答
举报
0/150
提交
取消