我的问题: 我在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);
}
答案 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 );
}