2

我试图让一些代码工作。我正在使用最新版本的 xfade。Homebrew Javascript 图像渐变器，在 div 中的所有 img 标签之间渐变，由 Javascript 分配。我发现有一个图像淡入淡出脚本，它使用 Javascript 在 div 中的图像之间淡入淡出。但是，它只能淡化 1 个 div...我有 3 个点想要淡化图像，并且我无法让 Javascript 代码接受在另一个 div 上运行的效果。

这是我正在使用的代码：

http://www.enlinegraphics.com/assets/js/xfade2.js

我试图让具有自己的一组褪色图像的多个 div 工作的页面是主页，又名http://www.enlinegraphics.com

如果我完全错了，并且代码不能轻易地在不同的 DIV 上运行效果，那么我可以寻找另一个，但我真的需要找出一个好的 Javascript 图像推子。

编辑：我将根据答案的建议尝试使用 JQuery - 如果您有任何可以帮助我的帮助，那将是现在的重点，而不是试图让 xfade 工作。谢谢。

4

2 回答 2

2

你可以考虑实现和学习 jQuery，它有一些插件可以淡化事物以及内置函数，如fadeIn()、fadeOut() 等。

您可以使用这样的选择器使用多个 div 淡入淡出

$('#div1, #div2').fadeOut(1000);

祝你好运！

额外帮助

更具体地说，如果在这个阶段您想开始淡化 Div，请查看http://docs.jquery.com上的 jQuery 文档，更具体地说，选择器（用于选择 div）和效果（用于学习如何以及使用哪些功能）。

于 2009-02-18T05:12:18.917 回答
0

我在http://www.cwu.edu/~campuslife上做横幅骑行时遇到了类似的问题。虽然 Jquery 的淡出功能很好，但它不足以满足您正在做的事情。如果您只是在图像之间褪色， 我推荐使用 Jquery cycle lite 插件。

要进行设置，您需要在文档中添加 jquery 脚本、循环插件和第三个 .js 文件，如下所示：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cycle.js"></script>
<script type="text/javascript" src="imgrotation.js"></script>

然后，在 imgrotation 文件中，添加以下行：

$(document).ready(function(){
    $('#div1, #div2').cycle()
})

这应该是您在多个 div 中循环浏览图像所需的全部内容。

于 2009-02-18T17:10:31.623 回答