jquery图像滑块设置间隔问题

这是我第一次在教科书之外使用jquery，所以我当然会有一些问题。我在这里向JSFIDLE添加了代码： 看起来它可以在JSFIDLE上运行（当然JSFIDLE上没有图像，但是alt属性可以很好地旋转），除非代码与实际图像一起运行，否则第一个图像可以，但是当第二个和第三个图像旋转时，我的布局会变得不稳定。 在查看了firebug中运行的代码后，我注意到该代码更改了css显示属性。第一个图像（工作图像）在“显示：无”和“显示：内联”之间更改，而其他图像在“显示：无”和“显示：块”之间更改。 看起来我需要调整代码，以便将其余图像显示为内联图像，而不是旋转时的块。我不知道该怎么做，非常感谢您的帮助。

.show（）

在元素上设置以下CSS:

display:none

因此，如果要设置

display:inline

，请改用

.css（）

函数：

elements.first().css({ display : 'inline' });

您将遇到与

.fadeIn（1000）

相同的问题，在设置元素的

显示：块后，它会设置元素的不透明度动画；不透明度：0

。请尝试以下方法：

elements.eq(counter).css({ opacity : 0, display : 'inline' }).animate({ opacity : 1 }, 1000);

---

这里是一个演示：（您可以看到元素在

display:none

和

display:inline

之间切换）

为了保留布局，您需要向容器div添加宽度和高度。如果div中没有可见内容，并且没有定义的宽度和高度，则不会占用页面上的任何空间，这可能会导致布局中断。（div占用的空间将基本上“塌陷”）。发生这种情况的原因是，如果图像尚未加载，或者两个图像都设置为“无显示”，则div将不包含任何可见内容。

您知道图像的宽度和高度吗？它们都是相同的还是不同的？@Brian Glaz是的，所有3个都是完全相同的大小，800*235pxthanks，我修改了我的代码，代码仍然按照您建议的修改运行，但问题仍然存在——根据firebug图像2和3，显示状态在无和块之间，而不是无和内联之间。有什么想法吗？我在大约一分钟前更新了我的答案，查看演示：非常感谢firebug现在在显示none和inline之间交替显示屏幕，但遗憾的是，由于我不理解的原因，它没有帮助我。图像下方的p元素显示在第二张和第三张图像中，而页脚元素跳到屏幕中间。我正在考虑发布一个新问题。天哪，代码太不可思议了！感谢您的帮助，尽管此时有必要查看您的实际代码。一个到您的项目的链接将是好的，否则一个带有问题的JSFIDLE实际上显示了它自己是必要的。感谢您的帮助和投入