动态更改宽度和高度属性

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

       }); 

      } 

     }); 

}）来解决这个;