我可以使面板宽度是尾部滑块内图像的宽度吗？

Question

我正在使用尾部滑块制作网站，我希望根据div中的图像宽度设置panelWidth。

$(".panel").each(function(){ 
         var imageWidth = $(this).find("img").width()+1; 
         $(this).width(imageWidth); 

        }); 

任何想法？

Answer 1

您的问题的一种方法是修改尾声滑块插件。我没有找到一个开箱即用的方式来做到这一点与插件。这是一个粗略的方式来做你想做的事情，把它看作一个小小的灵感。我修改了alterPanelHeight函数，所以如果你设置了autoHeight选项，它也会改变宽度。注意：修改不会改变加载时的宽度，第一次修改会在第一次滚动后发生...

function alterPanelHeight(x) { 
     if (settings.autoHeight) { 
      newSliderWidth = $('.panel:eq('+x+')').find('img').width(); 
      panelHeight = $('.panel:eq(' + x + ')', slider).height() 
      slider.animate({ height: panelHeight, width: newSliderWidth }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction); 

     }; 
    };