Question

我正在尝试将jQuery幻灯片的图像放在页面背景中。我有以下代码来显示我的图像，一些CSS样式以及一个jQuery框架文件，jquery.js。

<div class="images"></div>
<div class="tabs"></div>

<script type='text/javascript'>
$(document).ready(function(){
$("div.tabs").tabs(".images",{img:{
1:"image1.jpg",
2:"image2.jpg",
3:"image3.jpg",
4:"image4.jpg",
5:"image5.jpg",
},
effect:'fade',
fadeOutSpeed:"slow",
rotate:true
});
});
</script>

使用此代码，如何在页面背景中显示图像，而不是单个图像？

有人可以帮忙吗？

提前致谢，卡勒姆

Answer 1

这是将图像淡化为背景的不同方法。

$('img').hide();    
function anim() {
    $("#wrap img").first().appendTo('#wrap').fadeOut(1000);
    $("#wrap img").first().fadeIn(1000);    
    setTimeout(anim, 2000);
}
anim();

检查http://jsfiddle.net/Z9d7V/1/

处的工作示例

Answer 2

$("body").css("backgroundImage","imageUrl");

是您用来设置身体背景图像的方法。

Answer 3

通常使用jquery更改背景很容易。

$("body").css("background-image","image.png");

您可以按照自己的方式自由使用。

Answer 4

如何在图像中显示图像页面的背景，而不是个人形象？

您必须使用css样式将该图像设置为background-image属性。

但是它不会像幻灯片那样起作用。但是如果你要创建一些div，你可以得到类似的效果，这将在html正文和你的内容之间 - 所以它将像页面背景一样。然后，您可以将图像放入该图层，幻灯片放映它们，并使用css定位将您的内容置于此之上。

编辑：侯赛因发布了我所描述的例子（部分内容），所以请看一下。

用jQuery在网页背景中显示图像

4 个答案:

检查http://jsfiddle.net/Z9d7V/1/