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

时间:2012-05-04 21:52:04

标签: jquery css jquery-plugins slider fullscreen

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

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

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

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

在我用谷歌搜索并浏览了一些网页之后,我理解的全部是

$(窗口).width()

需要在页面的某个地方使用。除此之外,我被困住了。有人可以帮助我..提前致谢!

1 个答案:

答案 0 :(得分:0)

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