運行回調當每個/所有指定的圖片加載時： preload-image.js

jopen 10年前發布 | 28K 次閱讀 圖片展示jQuery插件 jQuery插件 preload-image.js

運行回調當每個或所有指定的圖片加載時。

preloadImages([
    'path/to/image1',
    'path/to/image2',
    'path/to/image3'
])
    .onprogress(function(data) {
        var loaded = data.loadeds.length;
        var all = data.files.length;
        var progress = parseInt(100 * loaded / all, 10);



    console.log(
        data.path, 'is loades.',
        'Status:', loaded + '/' + all, '(' + progress + '%)'
        );

    // show image on browser
    document.body.appendChild(data.image);
})
.onload(function(data) {
    console.log('Done.');
})
.onerror(function(data) {
    console.error('ERROR!', data.event);
});</pre> <p><strong>項目主頁：</strong><a href="http://www.baiduhome.net/lib/view/home/1415671330571" rel="nofollow" target="_blank">http://www.baiduhome.net/lib/view/home/1415671330571</a></p>
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！