itanex/image.js

## image.js
(function ($) {
    if ($) {
        $.each($("#imageRecords img[data-src]"), function () {
            var $img = $(this);
            var $src = $img.attr("data-src");

            $("<img src='" + $src + "' />").one("load", function () {
                $img.attr("src", $src)
            });
        });
    }
})(jQuery);

## index.html
<!doctype html>
<html>

<body>
    <img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/020/4003/0293484/2783-2938.jpg" />
    <img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/969/9856/6585143/9856-4587.jpg" />
    <img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/987/4587/8765124/7815-7865.jpg" />
    <img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/159/1298/6578324/4871-1298.jpg" />

    <script src="jquery.js"></script>
    <script src="image.js"></script>
</body>

</html>

## sample.html
<img src="/content/images/placeholder-thumb-128.png" />

## sample.md

      
    Raw
  

              sample.md
            
          
ID
Resource URL


10292
//media.example.com/020/4003/0293484/2783-2938.jpg


10354
//media.example.com/969/9856/6585143/9856-4587.jpg


10543
//media.example.com/987/4587/8765124/7815-7865.jpg


10675
//media.example.com/159/1298/6578324/4871-1298.jpg
	(function ($) {
	if ($) {
	$.each($("#imageRecords img[data-src]"), function () {
	var $img = $(this);
	var $src = $img.attr("data-src");

	$("<img src='" + $src + "' />").one("load", function () {
	$img.attr("src", $src)
	});
	});
	}
	})(jQuery);
	<!doctype html>
	<html>

	<body>
	<img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/020/4003/0293484/2783-2938.jpg" />
	<img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/969/9856/6585143/9856-4587.jpg" />
	<img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/987/4587/8765124/7815-7865.jpg" />
	<img src="/content/images/placeholder-thumb-128.png" data-src="//media.example.com/159/1298/6578324/4871-1298.jpg" />

	<script src="jquery.js"></script>
	<script src="image.js"></script>
	</body>

	</html>
ID	Resource URL
10292	//media.example.com/020/4003/0293484/2783-2938.jpg
10354	//media.example.com/969/9856/6585143/9856-4587.jpg
10543	//media.example.com/987/4587/8765124/7815-7865.jpg
10675	//media.example.com/159/1298/6578324/4871-1298.jpg