Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <!-- jQuery v1.9.1 -->
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- Lazy Load v2.0.0-beta.2 -->
    <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-beta.2/lazyload.js"></script>
</head>
<body>
    <img class="example" 
    data-src="https://dummyimage.com/1024x1024/fff/000.gif" 
    data-srcset="https://dummyimage.com/480x480/fff/000.gif 480w, https://dummyimage.com/640x640/fff/000.gif 640w, https://dummyimage.com/1024x1024/fff/000.gif 1024w"
    />
    <!--
        屬性設定[註1]
        data-src: 當瀏覽器不支援data-srcset時,則顯示此圖片
        data-srcset: 當同解析度不同時,則顯示特定圖片
    -->
    <script type="text/javascript">
        $( ".example").lazyload();
    </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hsuehmingfangpro
0viewers