0

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

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

我遇到的问题是找到一个滑块以允许图像超出 1000px 网站。例如，www.adsphoenix.com/2013design/。所有这些图像都是 587 x 2000 像素。

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

您知道可以使用的预制滑块吗？还是我可以更改对齐方式的滑块？或者我可以对我的代码做些什么来让它工作？我与 Blue Host 一起托管。

4

1 回答 1

0

您可以使用 CSS 将图像添加为滑块 div 的背景图像并使用以下代码：

.slider_div { //or another selector

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

}

如果要滑动背景，则需要内联 CSS 来设置滑块 div 的背景（或使用 jQuery）。

于 2013-07-22T18:51:42.250 回答