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

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript Retina Images @ 2x - Jquery Ajax自动图像交换相关的知识，希望对你有一定的参考价值。

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);
	     });
		}
	});
});

以上是关于javascript Retina Images @ 2x - Jquery Ajax自动图像交换的主要内容，如果未能解决你的问题，请参考以下文章