jquery滚动窗格自动重新初始化宽度;

发布于 2024-12-05 09:22:41 字数 743 浏览 1 评论 0 原文

我正在使用这个 http://jscrollpane.kelvinluck.com/ (另请参阅:http://jscrollpane.kelvinluck.com/image.html

我有一系列我希望通过水平滚动条向观众提供的图像。 jscrollpane 有一个自动重新初始化属性,但我不确定这是否正常工作

  1. 它等待一些图像加载,然后显示滚动条[是否可以立即显示这一点,最初?]

  2. 如果在加载所有图像之前开始滚动,则窗格宽度不准确你无法滚动到所有图像

我的链接:http://iamjpg.com/photo/test.html

参考:Jquery jscrollpane 内的宽度以适应不同的宽度

I'm using this http://jscrollpane.kelvinluck.com/ (also see: http://jscrollpane.kelvinluck.com/image.html)

I have a series of images that I want available to the viewer via a horizontal scroll bar. There is an auto-reinitialise property available with the jscrollpane, however im not sure if this is working properly

  1. It waits for some of the images to load and then shows the scrollbar [is it possible to show this instantly, initially?]

  2. If you start scrolling before all the images are loaded, the pane width is not accurate and you cant scroll to all the images

My link : http://iamjpg.com/photo/test.html

Reference: width within Jquery jscrollpane to accommodate different width

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

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

发布评论

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

评论(1

愛放△進行李 2024-12-12 09:22:41

您可以直接在图像标签中设置宽度和高度

<img src="image.jpg" width="100" height="50" alt="" />

,或者您可以在窗口加载完成时初始化 jscrollpane。

$(window).load(function() {
    $('.class').jscrollPane();
})

我会选择解决方案 1,但如果您没有宽度/高度,那么解决方案 2 也可以工作。
如果您通过 ajax 加载图像,则需要从 API (http://jscrollpane.kelvinluck.com/api.html) 调用重新初始化函数。

希望这有帮助!

You can set the width and height in the image tag directly

<img src="image.jpg" width="100" height="50" alt="" />

Or you can initialize your jscrollpane when the window finished loading.

$(window).load(function() {
    $('.class').jscrollPane();
})

I would go with solution 1 but if you don't have the width/height then solution 2 can also work.
If you're loading images through ajax, you will need to call the reinitialise function from the API (http://jscrollpane.kelvinluck.com/api.html).

Hope this helps!

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