Javascript 在静态网站上使用CSS的全宽屏幕背景滑块

Javascript 在静态网站上使用CSS的全宽屏幕背景滑块,javascript,jquery,slider,Javascript,Jquery,Slider,我有一个静态网站,我需要创建一个固定高度为587px的背景滑块。每个图像的宽度为2000px,但用户只需看到其屏幕宽度超过网站宽度1000px的图像。图像不需要以任何方式移动、拉伸或响应 它的外观和功能必须与www.adsfenix.com/2013design/index5.php类似,但必须是一个背景滑块。如果选择“查看背景图像”(Firefox),您将看到图像比大多数屏幕都宽。它与中心和顶部对齐 我遇到的问题是找到一个滑块,允许图像进入1000px网站之外。例如,www.adsfenix.

我有一个静态网站,我需要创建一个固定高度为587px的背景滑块。每个图像的宽度为2000px,但用户只需看到其屏幕宽度超过网站宽度1000px的图像。图像不需要以任何方式移动、拉伸或响应

它的外观和功能必须与www.adsfenix.com/2013design/index5.php类似,但必须是一个背景滑块。如果选择“查看背景图像”(Firefox),您将看到图像比大多数屏幕都宽。它与中心和顶部对齐

我遇到的问题是找到一个滑块,允许图像进入1000px网站之外。例如,www.adsfenix.com/2013design/。所有这些图像都是587 x 2000px

与此类似的是,www.chattanoogafun.com。但是,此滑块会拉伸


你知道有没有一个可以使用的预建滑块?或者一个我可以改变对齐方式的滑块?或者我可以对我的代码做些什么来让它工作?我使用Blue Host进行了托管。

您可以使用CSS将图像添加为slider div的背景图像,并使用以下代码:

.slider_div { //or another selector

    background: url(../path/to/image) center center no-repeat;

}
如果要滑动背景,需要使用内嵌CSS设置滑块div的背景(或使用jQuery)。

ECMAScript不是Java。