关于图片路径替换

chwusu 2012-03-19 03:30:29

网页内图片的路径为 <img src="1/1.jpg" /> 在不修改任何 IMG 代码的情况下改变图片的路径 src=123/1/1.jpg 不知道JS 怎么写？谁没事帮忙写下

...全文

144 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

三石-gary 2012-03-19

打赏
举报

[Quote=引用 7 楼 chwusu 的回复:]

引用 5 楼 zsx841021 的回复:

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xh……
[/Quote]
alert($(this).attr('src'));删掉就行了。。这个只是给你看效果的

chwusu 2012-03-19

打赏
举报

[Quote=引用 5 楼 zsx841021 的回复:]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></t……
[/Quote]

谢谢你的帮助功能是已经实现了但是每次打开网页都有个提示 JS 警告要怎么不让他显示呢？

小昭 2012-03-19

打赏
举报

这个一般是后台语言定义一个全局变量。。比如
<img src="｛imagepath｝1/1.jpg" /> php写法
<img src="<%imagepath%>2/2.jpg" /> .net\java写法
然后在项目中去动态操作这个全局变量，给它赋值，如果为空，就是

<img src="1/1.jpg" />
如果imagepath=http://x.com/img/
那么就是
<img src="http://x.com/img/1/1.jpg" />

三石-gary 2012-03-19

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="http://code.jquery.com/jquery-latest.js"></script> 

    <script>

        $(document).ready(function () {

            $('img').each(function () {

                var str = "http://x.com/img/";

                var a = $(this).attr('src');



                $(this).attr('src', str + a);

                alert($(this).attr('src'));

            })

        })

    </script>

</head>

<body>

<img src="1/1.jpg" />

<img src="2/2.jpg" />

<img src="3/3.jpg" />

<img src="4/4.jpg" />

<img src="5/5.jpg" />

</body>

</html>

chwusu 2012-03-19

打赏
举报

不好意思是我描述的有问题我想要实现的效果是比如我的网页 1-1.html 里面包含图片 N 个

<img src="1/1.jpg" />
<img src="2/2.jpg" />
<img src="3/3.jpg" />
<img src="4/4.jpg" />
<img src="5/5.jpg" />

在不修改任何 IMG 代码的情况下改变图片的路径为

<img src="http://x.com/img/1/1.jpg" />
<img src="http://x.com/img/2/2.jpg" />
<img src="http://x.com/img/3/3.jpg" />
<img src="http://x.com/img/4/4.jpg" />
<img src="http://x.com/img/5/5.jpg" />

谢谢刚才帮忙的朋友

Acesidonu 2012-03-19

打赏
举报

[Quote=引用 2 楼 aspwebchh 的回复:]

HTML code
<img src="1/1.jpg" />
<script>
var imgs = document.getElementsByTagName("img");
for(var i = 0 ; i < imgs.length ; i ++)
{
if(imgs[i].src == 'http://xxx.xx/1/1.jpg') imgs[i].src='123/1/……
[/Quote]
++

挨踢直男 2012-03-19

打赏
举报

<img src="1/1.jpg" />

<script>

var imgs = document.getElementsByTagName("img");

for(var i = 0 ; i < imgs.length ; i ++)

{

    if(imgs[i].src == 'http://xxx.xx/1/1.jpg') imgs[i].src='123/1/1.jpg'

}



</script>

三石-gary 2012-03-19

打赏
举报

 <img src="1/1.jpg"  />

    <span style="cursor:pointer" onclick="reflush();return false;">看不清</span>

    <script>

        function reflush()

        {

           document.getElementsByTagName("img")[0].src="123/1/1.jpg";

        }

    </script>