JQuery:Image Path在IE7中有所不同

时间:2009-12-09 08:08:49

标签: javascript internet-explorer image

我的问题: 我在div中有一些图像(ImageRoller)

在变量“CurrentImage”中,我保存了一个图像

的路径

通过“ShowNextImage”功能,我想拥有下一张图片的图像路径:(“Images / Frangipani Flowers.jpg”)

它适用于FF和所有普通浏览器,但不适用于IE。

IE搜索此部分(img [src ='“+ CurrentImage +”'])与 Images / Forest Flowers.jpg 的所有其他浏览器不同,而是像文件那样的路径: /// C:/Users/MyUser/Desktop/jquery%20learning/Images/Autumn%20Leaves.jpg

如何在IE中将其更改为短图像路径( Images / Forest Flowers.jpg ),或者这甚至不可能?

这里是代码:

<div class="ImageRoller">
  <img src="**Images/Forest Flowers.jpg**" />
  <img src="Images/Frangipani Flowers.jpg" />
  <img src="Images/Garden.jpg" />
  <img src="Images/Green Sea Turtle.jpg" />
</div>

    function ShowNextImage()
    {
    var CurrentImage = "Images/Forest Flowers.jpg";
    var ImagePathOfTheNextImage = $(".ImageRoller img[src='" +CurrentImage+ "']").next("img").attr("src");

    ShowImage(ImagePathOfTheNextImage);     
    }

1 个答案:

答案 0 :(得分:1)

尝试:

function ShowNextImage()
{
    var CurrentImage = "Images/Forest Flowers.jpg";
    if( $.browser.msie ) {
        var loc = document.location.href;   
        CurrentImage = loc.substring( 0, loc.lastIndexOf( '/' ) ) + CurrentImage;
    }
    var ImagePathOfTheNextImage = $(".ImageRoller img[src='" +CurrentImage+ "']").next("img").attr("src");

    showImage( ImagePathOfTheNextImage );
}