我可以使面板寬度是尾部滑塊內圖像的寬度嗎？

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

     }; 
    };