2008-11-21 38 views
1

我有一个画廊我很快就编写了一个小网站,而Firefox 3和Safari 3下正常工作。但是,当我在我的老最好的朋友IE7测试,它似乎不火的imageVar.onload =函数(){//此处代码} ..我想用停止负载效应和加载图像。的JavaScript和IE7 - 为什么我的* .onload =函数(){}火?

请记住...

  • 我知道缩略图只是缩小了较大的图像的版本。当客户端定义图像时,我将创建适当的缩略图。
  • 这是我第一次尝试走出程序的JavaScript的大部分..所以请去容易,请让我知道我的代码很烂尝试!

回答

5

成功使用图像.onload,您必须在设置src属性之前注册事件处理程序方法。

在这一问题相关信息:

Javascript callback for Image Loading

+0

我该怎么做? – alex 2008-11-21 00:27:50

+0

我已经添加了一个包含示例代码片段的答案链接。 – keparo 2008-11-21 00:30:40

2

跨浏览器的事件支持也不是那么简单的,由于实现差异。既然你在你的网站使用jQuery,你是关闭使用其事件的方法标准化浏览器支持更好:的

代替:

window.load = function(){ 
     //actions to be performed on window load 
} 

imageViewer.image.onload = function(){ 
    //actions to be performed on image load 
} 

务必:

$(window).load(function(){ 
    //actions to be performed on window load 
}); 

$(imageViewer.image).load(function(){ 
     //actions to be performed on image load 
}); 
+0

奇怪的是,一些画廊现在工作...点击一些图像缩略图使图像显示在右侧,但不显示在其他图像缩略图上。听起来很奇怪或什么? 非常感谢您的输入。 – alex 2008-11-21 00:27:11

0

加载文件时,只需添加到建议由伊兰使用jQuery的内置的事件处理程序可以运行代码和DOM被创建,但在图像下载之前:

$(document).ready(function(){ 
    //your code 
}); 
相关问题