2011-04-15 44 views
0

我使用jquery.replaceWith()函数..它工作正常,但是当我在图像上使用它时,它会创建一个flash。我的意思是它代替图像-a图像-b,但图像-a被删除,图像-b被加载,没有任何东西,所以这个盒子的高度为0px,并且使所有的平铺变化为1秒,并且闪烁的一切...jQuery replaceWith函数flash

我应该使用什么,或如何使replaceWith()把图像只有在它已被加载后,所以更换它将是瞬间的。

你可以看看NextGen的画廊图像浏览器枝节问题就在这里 http://mecanomedic.com/cms/

+0

你只是改变图像的'src'? – drudge 2011-04-15 00:05:53

+0

你是否总是用一幅图像替换一幅图像? – Khez 2011-04-15 00:08:20

+0

我改变了很多东西,上一页按钮ref,下一个按钮ref,灯箱clik ref等等...... – menardmam 2011-04-15 00:10:13

回答

1

因为你的图像的尺寸都是一样的,你可以指定在<img>标签尺寸:

<img class="slideshow" src="/path/to/my/image001.jpg" width="267" height="200"> 

或用CSS:

.slideshow { 
    height: 267px; 
    width: 267px; 
} 

这应该避免的元件将改变大小而新的图像加载。

此外,你可能想简单地改变<img>标签的src,而不是更换整个DOM项:

$(currentimage).attr('src','/path/to/my/image002.jpg');