Javascript 如何在网站上制作动态背景图像?

Javascript 如何在网站上制作动态背景图像?,javascript,html,css,Javascript,Html,Css,我不想在网站上制作动态背景图片。我想像这样改变尺寸 请告诉我从哪里开始?看看jQuery动画/效果: 要动态设置背景的大小,请执行以下操作: <div style="width:100%; height:100%; background: url(urlhere) no-repeat 100% 100%"></div> 该背景实际上是一个幻灯片,用于填充整个窗口。有很多免费的幻灯片JavaScript库可以使用 使用jQuery动画来淡入淡出动画中的每个连续图像也非常简

我不想在网站上制作动态背景图片。我想像这样改变尺寸


请告诉我从哪里开始?

看看jQuery动画/效果:

要动态设置背景的大小,请执行以下操作:

<div style="width:100%; height:100%; background: url(urlhere) no-repeat 100% 100%"></div>

该背景实际上是一个幻灯片,用于填充整个窗口。有很多免费的幻灯片JavaScript库可以使用

使用jQuery动画来淡入淡出动画中的每个连续图像也非常简单。

我建议使用

它们为您提供了一个框架,用于将CSS设置为静态的或响应的。如果要在窗口调整大小时更改图像大小,则需要“响应”,它基本上使用CSS媒体查询和其他逻辑在视口达到最小大小时执行某些功能


它还使布局更加简单,因为它为您提供了列来对齐数据。

您所说的动态到底是什么意思?我在这个链接上看到的只是一个大的、固定的背景图像……当窗口大小改变时,背景图像的大小也会改变。我想做这个实现。谢谢,我明白了。这是一个容易达到的效果。一种方法是将图像放置在主容器后面,将图像设置为固定位置,并设置为100%宽度和高度。我编辑了我的问题。无论如何,谢谢@莫里佐特编辑回答:谢谢!我尝试了你的代码,但是图像没有扩展到窗口的边缘。我知道了。我想做的就是这个>我也发现了。好像有很多这样的图书馆。好。:)哦,谢谢。我使用了一点引导。我试着通过引导来实现它!我还找到了vegas.jaysalvat.com。好像有很多这样的图书馆。我要找一个能满足我需要的。谢谢