2013-01-10 48 views
1

我有一個div標籤4 img。我米使用jQuery Ajax和希望設置源的img一個由one..how我能做到這一點...感謝設置多個圖像的來源

<div class="item " style="width:450px;"> 
       <ul class="thumbnails"> 
        <li class="span13"> 
         <div class="thumbnail" style="margin-left:15px;"> 
          <img src="" alt=""> 
         </div> 
        </li> 
        <li class="span13"> 
         <div class="thumbnail" style="margin-left:15px;"> 
          <img src="" alt=""> 
         </div> 
        </li> 
        <li class="span13"> 
         <div class="thumbnail" style="margin-left:15px;"> 
          <img src="" alt=""> 
         </div> 
        </li> 
        <li class="span13"> 
         <div class="thumbnail" style="margin-left:15px;"> 
          <img src="" alt=""> 
         </div> 
        </li> 
       </ul> 
      </div> 

及彼,從數據庫圖像的源代碼進行retriving從數據庫中源

 $.ajax({ 
     type: "POST", 
     url: "/WebServices/BannerImage.asmx/GetAllManufactureImage", 
     contentType: "application/json", 
     async: false, 
     success: function (data) { 
      $.map(data.d, function (item) { 
       // set the source to image 
      }); 
     }, 
     failure: function (msg) { 
      alert(msg); 
     } 
    }); 
+2

請顯示您從數據庫中檢索圖像來源的JavaScript代碼。 –

回答

0

試試這個:

success: function (data) { 
    $.each(data.d, function(idx,item){ 
     $('img').eq(idx).attr('src',item); 
    }); 
} 

注意:我認爲data.d是圖像源。