0
我需要從另一個頁面加載3個圖像。這是我的代碼使用AJAX加載圖像
<script>
jQuery(document).ready(function($) {
var ids = ['#sk6x4', '#sk6x4a', '#sk6x4c'];
var tabs = ['#tab1', '#tab2', '#tab3'];
function getInfo() {
$.each(ids, function (i, id) {
$.ajax('/my-url', {
success: function(data){
var imgSrc = $(data).find(ids[i] + ' img').attr('src');
$(tabs[i] + ' img').attr('src', imgSrc);
}
});
});
}
});
</script>
<ul class="nav nav-tabs" role="tablist">
<li class="active" id="tab1"><img src="" id="imageTriangle"/></li>
<li id="tab2"><img src="" id="imageArc"/></li>
<li id="tab3"><img src="" id="imageScat"/></li>
</ul>
此代碼的工作原理但很慢。圖像加載非常緩慢。我怎麼能讓它更快? ajax加載圖像的正確方法是什麼?
P.S.圖片經過優化
ajax調用緩慢,或圖像下載?也許你需要優化圖像。 – 2014-12-02 19:28:51
圖像經過優化。 – n1zee 2014-12-02 19:29:51
'.each'循環總是會讓腳本變慢'for'循環 – 2014-12-02 19:32:37