如何创建图像幻灯片与jquery,但与背景图像属性
How to create image slideshow with jquery but with background-image property?
我有这个HTML:
<div id="content_home_preview">
</div>
和这个CSS:
#content_home_preview{
float: left;
margin: 0;
padding: 0;
width: 940px;
height: 469px;
background-image: url("../Images/image1.png");
repeat: no-repeat;
}
如何创建幻灯片效果与下一个图像,如image2, image3等…
我尝试过jquery循环,但它的形式是这样的:
<div id="content_home_preview">
<div class="image1"></div>
<div class="image2"></div>
</div>
,但我只需要脚本反复更改背景图像属性与褪色效果…
谢谢
这似乎很有效。http://www.ovalpixels.com/blog/2009/02/21/making-fancy-websites-without-flash-animating-background-image/
请参阅此说明。这里使用的是Pure JS,您可以使用jquery使用相同的技术。
参考链接- https://www.w3schools.com/howto/howto_js_slideshow.asp
相关文章:
- 使用带括号的图像URL作为jQuery的背景
- 如何使用jquery将base64图像路径转换为真实路径
- 重新加载/替换图像 jQuery 作为
- 中的列表项
- 鼠标悬停在图像 jquery 上
- 使用图像 jQuery 切换
- 检查显示的(随机)图像是否与上一个(随机)图像(jQuery和JavaScript)相同
- 更改背景图像 jQuery
- 单击函数不在图像jQuery上启动
- 预览图像Jquery脚本don't运行良好
- 使用图像Jquery对话框预加载iFrame
- jQuery脉动代码与滚动图像jQuery代码冲突
- 检测粘贴事件在浏览器中的图像(jquery/javascript)
- 图像库与覆盖和html内部不能覆盖正确的图像.jquery
- 预加载图像- JQuery
- 使用HTML扩展图像&Jquery
- 从Rest API获取图像.JQuery的问题
- 使用尽可能多的独立线程检索5个图像- jquery ajax
- 点击图像jQuery -函数不工作后追加
- 如何使用XML数据更改网站上的图像&jQuery
- 在不向服务器发出新请求的情况下更改图像jQuery