在dreamweaver中如何设置多张图片 当鼠标点击一下它就跟换一张图片 循环更换 30

在dreamweaver中如何设置多张图片当鼠标点击一下它就跟换一张图片循环更换如果是设计框中做请说明详细步骤如果是代码请只复制该部分的代码谢谢... 在dreamweaver中如何设置多张图片 当鼠标点击一下它就跟换一张图片 循环更换 如果是设计框中做 请说明详细步骤 如果是代码 请只复制该部分的代码 谢谢 展开
 我来答
Volvo_s80
2013-12-27 · TA获得超过2518个赞
知道小有建树答主
回答量:492
采纳率:50%
帮助的人:354万
展开全部
简单的代码如下 加在body里 需要外加div的再追问
<script language="JavaScript" type="text/javascript">
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<img id="img1" src="http://ww4.sinaimg.cn/thumbnail/8b891db6jw1eby6amy4q3j20aw08tdgk.jpg" onclick="fn(1)" style="display:block;"/>
<img id="img2" src="http://ww2.sinaimg.cn/thumbnail/7f0b4796jw1ebws054f3ij20c80910uc.jpg" onclick="fn(2)" style="display:none;"/>
<img id="img3" src="http://ww1.sinaimg.cn/thumbnail/6628711bgw1eby5kb7fphj205t04cmx6.jpg" onclick="fn(3)" style="display:none;"/>
度娘这个代码显示真无语。。。
更多追问追答
追问
谢谢 貌似有我想要的效果了 就是换图片时希望不是简单的更换 想要点更换效果 你能帮帮我吗 如果加在div里应该怎么弄呢 谢谢 把那个个忙 必定采纳 急需
追答
ok 用jquery 这样

function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
$("#img"+n).hide();
$("#img"+n).fadeOut();
$("#img"+nextn).fadeIn();
}

百度网友61373891
推荐于2017-09-08 · TA获得超过5609个赞
知道大有可为答主
回答量:3703
采纳率:74%
帮助的人:580万
展开全部
<html>
<style type="text/css">
img{
width: 200px;
height: 200px;
}
</style>
<script language="JavaScript" type="text/javascript">
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<img id="img1" src="0.jpg" onclick="fn(1)" style="display:block;"/>
<img id="img2" src="1.jpg" onclick="fn(2)" style="display:none;"/>
<img id="img3" src="2.jpg" onclick="fn(3)" style="display:none;"/>
</html>

将图片换成所需要插入图片的真实路径即可

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-12-27
追问
对不起 这个不是我想要的效果 我想设计的是多张图片鼠标点击一下 就翻转换一张 以此类推 且图片循环的 你能否帮帮我
追答
请直接搜索,相册代码,满意请采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式