我可以将面板宽度设置为 coda 滑块内图像的宽度吗？

发布于 2024-10-21 17:56:46 字数 276 浏览 2 评论 0原文

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

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

                    });

有什么想法吗？

原文

I am making a site using coda slider, the panelWidth I'd like to be set depending on the image width in the div.

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

                    });

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

合约呢 2024-10-28 17:56:46

解决您的问题的一种方法是修改 coda slider 插件。我没有找到使用该插件执行此操作的开箱即用的方法。这是做你想做的事情的粗略方法，将其视为一点灵感。我修改了 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);

        };
    };

One way for your problem is to modify the coda slider plugin. I didn't find a out of the box way to do this with the plugin. Here is a rough way to do what you want, look at it as a little inspiration. I modified the alterPanelHeight function, so if you set the autoHeight option, it will alter the width, too. Note: The modification will not alter the width on load, the first modification will take place after the first scroll...

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

        };
    };

回复收藏 0 原文

~没有更多了~