JS来回切换图片src的问题,求高手!
发布网友
发布时间：2022-04-26 04:17
我来回答
共3个回答
热心网友
时间：2022-04-26 05:46
guy ,你拿本身要改变的属性作为判断条件，导致if，else顺序执行，从而导致回到原点，没有效果！！！
方法一：原始方法
<script language=javascript>
var flag = false;
function CheckForm()
{
var photo=document.getElementById("photo");
if(flag)
{
document.getElementById("photo").src = "arrow_up.png";
flag=false;
}else {
document.getElementById("photo").src = "arrow_down.png";
flag=true;
}
}
</script>
方法二：jquery 的toggle函数
$('#photo').toggle(
function(){
this.src="arrow_up.png";
};
function(){
this.src="arrow_down.png";
}
);
热心网友
时间：2022-04-26 07:04
是你这句换判断问题:
if(document.getElementById("photo").src == "arrow_down.png")
这个判断不正确, src 可能会变化, 而且获取的是 url 的全路径. 可以这样改:
if (photo.src.indexOf("arrow_down.png") >0)
热心网友
时间：2022-04-26 08:39
不用高手。你的href连接的是自己的页面，你点击一下就刷新一下本页面，图片本来是切换了的，可是一刷新，就又变成默认的了。这样写
<a href="#" onclick="CheckForm()">aasdadaassad<img id="photo" src="arrow_down.png"></a>
改成
<img id="photo" src="arrow_down.png" onclick="CheckForm()">
JS来回切换图片src的问题,求高手!
！方法一：原始方法var flag = false;function CheckForm(){ var photo=document.getElementById("photo"); if(flag) { document.getElementById("photo").src = "arrow_up.png"; flag=false; }else { document.getElementById("photo").src = "arrow_down.png"; flag=true; } }...
怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。
js:根据循环切换条件可以用document.getElementById("").src=""设置，或者juqery:("#id").attr("src","图片名称");
如何通过js点击两张图片来回切换
首先 if (oImg.src="img/1.png")是赋值而不是判断相等, 判断相等请用==或者=== 其次, 你的切换不应当依赖於从元素上读到的src, 而应当用变量维护当前的状态 示例 window.onload = function(){varoImg = document.getElementById('img1'),Picture = ['img/1.png','img/2.png'],Index ...
如何用js实现点击图片切换另一图片,再次点击恢复?
Imgbtn.onclick=function(){ if(Img.src=='http://dl.bizhi.sogou.com/images/2012/01/19/191337.png') { Img.src='http://pic3.nipic.com/20090701/2847972_130628068_2.jpg';}else{ Img.src='http://dl.bizhi.sogou.com/images/2012/01/19/191337.png'} } } 试客小兵 ...
求js高手帮忙看看这 端代码为什么图片只能切换一次 我想要无限切换
DOCTYPE html>function changeImage(){var element=document.getElementById('myimage')if (element.src.match("2.jpg")) {element.src="1.jpg";}else{element.src="2.jpg";}}点击换图
js点击图片换图片,再点击则回到上一张
回答：document.getElementById("open1").src=="图片/最新论坛图片/cate_open.gif" 这句有问题,左右两边是不相等的,所以,一直在执行else中的语句你可以在else中加一句alert(document.getElementById("open1").src);来显示一下,由此来判断if中左右是否相等
关于JS修改IMG的SRC过于频繁,造成SOCKET拥堵的错误
确保这个没问题之后, 还可以通过添加 visibility: hidden; 的 img 元素来强制浏览器保持图片缓存.最后不推荐用改 img src 的方法来切换图片, 或者用两张 img, 上面一张盖住下面一张, 然后透明度 0, hover 的时候透明度 1, css 就搞定了. 当然最佳实践应该还是雪碧图, 也是现在比较主流的方法....
谁有网页中图片切换的代码,最好是js的,我试过通过改变src还有数组结合...
最简单的JS切换，先引用jquery js代码 var arr = ["image/1.jpg", "image/2.jpg", "image/3.jpg", "image/4.jpg"]; var arr1 = ["img1", "img2", "img3", "img4"]; var count = 0; function go() { $("#img").attr("src", arr[count]); $("#...
js怎么加载另一张图片src?
用javascript , var object= document.getElementById("img1"); object.src="static/picture/1.jpg";如果你想让他在页面加载时就执行的话，在 或者在其他你想要执行的时候，去触发这两条语句。比如点击，某个控件或对象获得焦点等。
用JS将图片链接从 改为
var string = "12345";var oDiv = document.getElementById("images");oDiv.onclick = function () { oDiv.src = "2.jpg?" + string;} 结果如下所示：开始前图片路径如下图 单击以后图片路径为：
