Preload images event 2

by Akram kamal

HTML

<body>
    <div id="loading">LOADING</div>
    <div id="image" data-src1="http://www.parikiaki.com/wp-content/uploads/sea-waves.jpg,https://zohodiscussions.com/discussions/getCustomFile.do?fileId=14737000005530557&forumGroupId=14737000000003003"></div>
</body>

JavaScript

var src1 = $('#image').data('src1').split(",")
$.each(src1, function (i, src) {
  var placeholder =   $("<span>").appendTo("body")
    var img = new Image;
    img.onload = function () {
        placeholder.replaceWith($(img).width(200))
        $("#loading").remove()
    }
    img.src = src
})