javascript - 查询 : Image Path is different in IE7

Question

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

在变量“CurrentImage”中我保存了一张图片的路径

通过函数“ShowNextImage”我想得到下一张图片的图片路径:("Images/Frangipani Flowers.jpg")

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

IE 在这部分搜索 (img[src='"+CurrentImage+ "']) 不像所有其他浏览器那样搜索 Images/Forest Flowers.jpg 而是像 file: 这样的路径:///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);     
    }

Answer 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 );
}