можно сделать ширину панели шириной изображения внутри ползунка Coda?

Question

Я делаю сайт, используя слайдер Coda, PanelWidth, который я хотел бы установить в зависимости от ширины изображения в div.

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

                    });

Есть идеи?

Answer 1

Одним из способов решения вашей проблемы является изменение плагина слайдера Coda. Я не нашел нестандартного способа сделать это с плагином. Вот грубый способ сделать то, что вы хотите, посмотрите на это как на небольшое вдохновение. Я изменил функцию 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);

        };
    };