Question

我正在尝试使用一些代码。我正在使用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~~ < / p>

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

编辑：我将按照答案的建议尝试JQuery - 如果你有任何帮助我的帮助，那将是现在的重点，而不是试图获得xfade工作。感谢。

Answer 1

您可以考虑实现和学习jQuery，它有一些插件可以淡化内容以及内置函数，如fadeIn（），fadeOut（）等。

你可以使用像这样的选择器使用多个div fade

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

祝你好运！

额外帮助

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

Answer 2

我在http://www.cwu.edu/~campuslife上做横幅骑行时遇到了类似的问题。虽然Jquery的淡出功能很好，但它对你正在做的事情来说还不够。如果你只是在图像之间褪色，我推荐Jquery cycle lite plugin。

要进行此设置，您需要在文档中添加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中的图像。

为什么我不能在这里使用多个ID？

2 个答案:

额外帮助