js这种点击下面小图,上面大图跟着变是怎么写的??
2个回答
展开全部
下面的图片按钮增加onclick属性,onclick="function()"
然后定义一个函数取下面小图的文件路径加载到上面大图里面
假设下面是img标签
<img src="xxxxx.jpg" onclick="showImg()"></img>
上面大图是<img id="largePhotoView">
function showImg(){
//这里用到的是Jquery选择器,用document.getElementById(id);函数也可以做到
//this.src我不确定对不对,反正是取当前对象的src属性
$("#largePhotoView").attr("src",this.src);
}
然后点击对应的小图就可以了
然后定义一个函数取下面小图的文件路径加载到上面大图里面
假设下面是img标签
<img src="xxxxx.jpg" onclick="showImg()"></img>
上面大图是<img id="largePhotoView">
function showImg(){
//这里用到的是Jquery选择器,用document.getElementById(id);函数也可以做到
//this.src我不确定对不对,反正是取当前对象的src属性
$("#largePhotoView").attr("src",this.src);
}
然后点击对应的小图就可以了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询