使用jQuery淡化背景图像

时间:2011-10-17 01:06:11

标签: jquery

我知道这些问题之前已被多次询问过 - 但我找不到能帮到我的答案。

我希望我的具体问题有一个解决方案。我希望能够在我正在制作的网站上淡入并淡出一系列背景图像。我不认为我可以使用传统的推子脚本,因为我褪色的图像比正常情况更宽,我不希望出现水平滚动条。 (1476x253)

如果有人想帮助我解决这个问题,我已经在http://jsfiddle.net/michaelharmon/szvMH/设置了一个jsFiddle。

这是指向淡入淡出测试中使用的另一个样本图像的链接:

http://209.142.68.153/images/cityscape-home.jpg

感谢您提供任何帮助。

2 个答案:

答案 0 :(得分:0)

我认为你可以使用jQuery Cycle Plugin,使用淡入淡出效果来完成你需要的东西。 options reference page表明您可以设置容器高度和宽度,以及转换前后的CSS参数 - 这应该足以满足您的需求。

答案 1 :(得分:0)

尝试使用此jQuery插件 - http://srobbin.com/jquery-plugins/jquery-backstretch/

使用起来非常简单:

<script type="text/javascript">
    $.backstretch("URL TO YOUR IMAGE", {speed: 800});
</script>