3张图片,javascript实现点击图片更换下一张

直接点击图片就显示下一张图片,不用按钮... 直接点击图片就显示下一张图片,不用按钮 展开
 我来答
丹北Y2
推荐于2017-09-30 · TA获得超过262个赞
知道答主
回答量:86
采纳率:0%
帮助的人:139万
展开全部
js代码:
function changeImg(num){
var img = document.getElementById('img_box').getElementsByTagName('img');
for(i=0;i<=img.length;i++){
if(i==num+1) img[i].style.display="inline";
else img[i].style.display="none";
if(num==3) img[0].style.display="inline"; //这里的数字3需要与下面html中的最后一个保持一致
}
}
html代码:

<div id="img_box">
<img src="1.jpg" onclick="changeImg(0)" style="display:inline;"/>
<img src="2.jpg" onclick="changeImg(1)" style="display:none;" />
<img src="3.jpg" onclick="changeImg(2)" style="display:none;" />
<img src="4.jpg" onclick="changeImg(3)" style="display:none;" />
</div>
匿名用户
2012-03-10
展开全部
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码

参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?7=p&id=10895

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式