如何使幻灯片随窗口调整大小?

发布于 2024-12-22 14:51:15 字数 222 浏览 2 评论 0原文

我在流体布局中使用 jQuery 幻灯片插件。然而,该插件在加载时设置 DIV 的宽度。如果用户调整浏览器窗口的大小,幻灯片将保持相同的大小...增加窗口大小时没什么大不了的,但如果减小窗口大小,幻灯片就会在其他列的顶部溢出。

如何在浏览器调整大小时使幻灯片(每张都是一个 div)调整大小?

I'm using the jQuery slideshow plugin in a fluid layout. However the plugin sets the width of the DIVs on load. If the user resize the browser window the slideshow remains the same size... not so big a deal when increasing the window size, but if they decrease it the slideshow bleeds over top of other columns.

How can I make the slides (each is a div) resize when the browser is resized?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

背叛残局 2024-12-29 14:51:15

这不是特定于您的幻灯片插件的。但您正在寻找的功能是

$(window).resize(function() {
    //This is where you resize your divs.
});

This 应该可以很好地调整 div 的大小。但是,如果不了解有关您的插件的任何信息,您可能必须在调整大小后重新绘制幻灯片。查看插件的 API 规范,找到执行类似操作的函数。

This is not specific to your slideshow plugin. But the function you're looking for is

$(window).resize(function() {
    //This is where you resize your divs.
});

This should work fine for the resizing of the divs. But without knowing anything about your plugin it may be that you have to redraw the slideshow after the resize. Look into the API specifications of the plugin to find a function that does something like that.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文