코다 슬라이더 안의 이미지 너비를 패널 너비로 만들 수 있습니까?

Question

나는 코다 슬라이더를 사용하여 사이트를 만들고 있는데, panelWidth는 div의 이미지 너비에 따라 설정하고 싶습니다.

$(".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); 

     }; 
    };