動態更改寬度和高度屬性

Question

我想在業務催化劑中創建響應式照片庫。 BC的照片庫模塊自動呈現縮略圖，我想保留縮略圖，因爲它縮短了我的工作流程。當您創建照片庫時，它允許您設置固定的寬度和高度，並且我想創建可以更改照片屬性以適應屏幕的jQuery。我用CSS試過，但它只是扭曲了縮略圖。

對於某些情況下，我使用引導，我想創建一個流體網格（無邊距）。 Col-LG-3，Col-MD-4，Col-SM-6，Col-xs-12。

當畫廊提供的代碼顯示了這樣的：

<img src="/images/jully-black-in-concert-10.jpg?Action=thumbnail&amp;Width=400&amp;Height=330&amp;Algorithm=fill_proportional&amp;USM=1" alt="" border="0"> 

爲了縮略圖上班我必須在代碼如下屬性：

Width=400&Height=330 

能

人幫助創建代碼自動更改上面的值以適應引導程序的網格系統？

Answer 1

所以我做了什麼來解決這個問題，因爲我沒有得到任何迴應，我創建了一些jQuery將圖片封裝到引導類的div中。

$('#photos a').wrap("<div class='col-lg-3 col-md-3 col-sm-6 col-xs-12 overflow img-responsive '></div>"); 

我將圖片設置爲比div本身更大，並使用jQuery來應用img響應類。

這不是最好的解決方案，但它爲我工作。

Answer 2

我實際上是能夠通過創建一個XML飼料，使用jQuery把反饋到我的網頁與此代碼

$(function() { 
    $.ajax({ 
      type: "GET", 
      url: "http://www.oneloveallequal.org/Galleries/Slide-show-with-hyphens/PhotoGallery.xml", 
      dataType: "xml", 
      success: function(xml) { 
       $(xml).find('img').each(function() { 
        var location = 'http://www.oneloveallequal.org/Galleries/Slide-show-with-hyphens/'; 
        var url = $(this).attr('src'); 
        var alt = $(this).attr('alt'); 
        var des = $(this).attr('description'); 
        var classReponsive = 'img-reponsive'; 
        var thumbnail = '?Action=thumbnail&Width=940&Height=300&algorithm=fill_proportional&Format=png'; 
        $('<div class="item"></div>').html('<img src="'+location+''+url+''+thumbnail+'" alt="'+alt+'"/><div class="carousel-caption"><p>'+alt+'</p></div>').appendTo('.carousel-inner'); 
        $('.carousel-inner div').first().addClass('active'); 

       }); 

      } 

     }); 

}）來解決這個;