Jquery 平移滑块 - 基于屏幕分辨率的图像宽度

Posted

技术标签:

【中文标题】Jquery 平移滑块 - 基于屏幕分辨率的图像宽度【英文标题】:Jquery panning slider - Image width based on screen resolution 【发布时间】:2012-05-14 10:57:17 【问题描述】:

我正在尝试使用流行的平移滑块Jquery Panning Slider 对于一个网站。

这里解释了标记结构、css和jquery:-Slider Details

这个当前滑块的工作方式是只接受预定义的数字输入作为滑块容器 div 和 ul 的宽度(所有图像都是从中调用的)。这使得在图像可以占据整个浏览器视口而不是预定义的宽度和高度的情况下使用起来很困难。我想让滑块占据整个视口,屏幕分辨率最高可达 1600 像素。

我想在滑块中使用的图像宽度为 1600 像素,高度为 804 像素,我想根据不同屏幕上的纵横比和浏览器屏幕尺寸进行缩放。

在我用谷歌搜索并浏览了一些网页之后,我所了解的只是 $(window).width() 需要在页面的某处使用。除此之外,我被困住了。有人可以帮我..提前谢谢!

【问题讨论】:

【参考方案1】:

也许您应该尝试使用响应式滑块。有很多 jquery 免费插件可以完成这项工作..

【讨论】:

以上是关于Jquery 平移滑块 - 基于屏幕分辨率的图像宽度的主要内容,如果未能解决你的问题,请参考以下文章

如何制作一个完全填满所有屏幕的着陆滑块?

jQuery动画摇摇欲坠

jQuery PanZoom:如何限制平移某个百分比?

javascript获取网页宽高,屏幕宽高,屏幕分辨率等

获取屏幕宽高

WPF 获取屏幕分辨率(获取最大宽高)等