javascript Retina Images @ 2x - Jquery Ajax自动图像交换

Posted 2021-05-03

jQuery(window).load(function() {
	$(".mainContent img").each(function(index) {
		var el = $(this);
		var src = el.attr("src");
		src = src.split(".");
		if (src[0].indexOf("assets/") > 0){
		  src = src[0] + "@2x." + src[1];
		  $.ajax({
	         type: "HEAD",
	         async: true,
	         url: src,
	     }).done(function(message,text,jqXHR){
	         el.attr("src",src);
	         // console.log("Upgraded: "+src);
	     });
		}
	});
});