一些图片在js应用的资料

tianyazjq110

浏览: 97771 次
性别:
来自: 深圳

最近访客更多访客>>

april2015

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javasript/Ajax学习

Safari 浏览器 F#

//预装载一个图片;
            var iImage = new Image();
            iImage.src = "1.gif"
//预装载多个图片示例;
var aImagList = ["one", "two", "three", "four"];
var tempImage = [];
for(var i=0;i<aImagList .length;i++){
  tempImage[i]=new Image();
  tempImage[i].src=aImagList[i]+".gif";
}

具体的一个小示例的应用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <title>Swap Image</title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <script type="text/javascript" src="com.js">
        </script>
        <script type="text/javascript">
            
            var obj = $("father");
            console.log("test");
            var oImage = new Image();
            var f = function(){
            
            
                var img = $("father");
                
                oImage.onload = function(){
                    img.src = oImage.src;
                    img.height = oImage.height;
                    img.width = oImage.width;
                }
                oImage.src = "2.gif";
                
            }
            addLoadListener(f);
        </script>
        <style type="text/css">
            img {
                display: block;
            }
        </style>
    </head>
    <body>
        <p>
            Luke's father is<img id="father" src="darth.gif" alt="Darth Vader">
        </p>
    </body>
</html>

1.要注意这里不先给oImage 赋src的值，是为了在图片装载情况下．load事件可能在onload事件作出响应前发生，在safari浏览器更为明显，更容易发生
2.这里用newImg，而不用this来代替，一般来说，在事件处理函数中this指向给分配处理函数的那个对象，但是在safari 1.3与2.0中，有个bug，this指向到与images对象对应的onload事件处理函数中的window.所以我们要newImg直接来进行操作．

分享到：

浮动元素对浏览器的支持 | IE下line-height的BUG解决

2009-03-24 23:17
浏览 708
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一些图片在js应用的资料

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一些图片在js应用的资料

评论

发表评论

相关推荐

js继承研究

autoclick: 鼠标在链接上停留2秒后自动打开该链接 (uc.js脚本)

脚本化HTTP

数组元素的操作

控制 Flash Player 的 JavaScript 方法一览表【收集纠正】

location.hash实现跨域iframe自适应

jquery读取xml文件示例

在jQuery中利用AJAX加载XML数据并解析

ajax学习的好地方

ADS公用库

ie and firefox js差异点

ajax loading 图标在线制作及收藏

一个比较新鲜的判断浏览器的方法

创建元素节点和文本节点的基础语法

自己整理的一套javascript小型公用库

IE DOM的一致性

第8章：检测浏览器和操作系统

javascript高级编程第9章笔记(事件)

最近访客更多访客>>