jquery - 我可以使面板宽度成为尾声滑块内图像的宽度吗？

Question

我正在使用 coda 滑块创建一个站点，我希望根据 div 中的图像宽度设置 panelWidth。

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

        };
    };