zoukankan      html  css  js  c++  java
  • Preloading an Image with jQuery--reference

    Preloading images will make your application a bit faster by making it lightweight. It is very simple and easy to create and load DOM elements (in this case referring to images) with jQuery. If you want to preload images using jQuery there here is a detailed explanation on how you can do this:
    • The foremost thing you need to do is create an image DOM element by providing a value for the src attribute for the image so that the web browser will know which image it has to load i.e. preloading the image. You can make use of the below code snippet for preloading an image using jQuery :

    1
    2
    
    // Create an image DOM  element
    var image1 = $('<img alt="" />').attr('src', 'link.jpg');

    • Once you are done with creating the DOM image element you must insert this DOM image element inside the DOM tree by making use of any of the DOM manipulation methods. The most excellent method of doing this is to use the callback method so that it will insert the preloaded image directly into your application once it has completed loading.
    • One more way is to make use of a jQuery plug-in to preload the image.

    reference from:http://www.webdeveloperjuice.com/2014/08/06/preloading-an-image-with-jquery/

  • 相关阅读:
    好久没锻炼
    liunx下安装第三方Python(PIP安装)
    Mysql和SqlServer互相转换
    sqlmap使用笔记
    查找域控的几个常用方法
    ssh的一些小操作
    使用theHarvester 进行邮箱和子域名的收集
    python实现大文件分割与合并
    python中MySQLdb模块用法实例
    2. Shell编程第二讲
  • 原文地址:https://www.cnblogs.com/davidwang456/p/3921285.html
Copyright © 2011-2022 走看看