Question

我刚刚在我们公司的网站上添加了一个jQuery幻灯片放映，除了每次图像更改页面跳转到顶部以及我的生活中我都无法弄清楚为什么之外它一切正常！

有问题的网站是www.fireguardservices.com

我对此有点新，所以请温柔，并提前感谢所有帮助：）

Answer 1

如果您查看页面后面的代码，您会在原始HTML文档中嵌入一个完整的HTML文档，这是一个很大的禁忌，并且可能会导致这类问题。第二个HTML文档从第126行开始。

您需要将HTML和javascript代码移出第二个HTML文档，将其放在主HTML文档中，然后删除第二个HTML文档。

希望有所帮助！

<强>更新

HTML文档的结构应如下所示：

<html>
  <head>

  </head>

  <body>

  </body>
</html>

只应打开和关闭一个<html>代码，打开和关闭一个<head>代码，并打开和关闭一个<body>代码。

如果您查看自己的网页来源，则会有第二个<head>和<body>导致问题。标记无效，但浏览器足够聪明，可以猜测你想要做什么，这就是为什么它看起来不错，但功能不正常。

要解决此问题，请执行以下操作：

删除第127行（<head>）
删除第128行（<title>Home Page Slide Show</title>）
删除第129和130行（您已经在文档中进一步包含了jQuery，因此您无需再次添加它）
删除第148行（</head>）
删除第149行（<body>）
删除第151行（</body>）

这应该可以解决问题。

完成后，通过W3 Validator运行您的网页并修复任何其他验证问题。

我从未遇到过jQuery Cycle的这类问题（尽管其他人报告了类似的事情发生here）所以我只能猜测问题出在你的标记上;解决这个问题，你应该是金色的。

Answer 2

我发现你还有这个问题。好吧，我的网站也有同样的问题。进行以下编辑解决了它：

而不是显示：内联使用内联块。 Firefox不喜欢内联元素的淡化。（抱歉，不知道具体原因。）
以图像的css指定宽度和高度。修复所有图像。如果可能的话，将它们包装在另一个div中并修复该div的尺寸。将溢出设置为隐藏。

希望它会有所帮助。

Answer 3

我遇到了同样的问题，我修复它的方法是确保所有幻灯片图像的宽度和高度与围绕它们的div的宽度和高度相同。

更改图像时，jQuery幻灯片将页面滚动到顶部

3 个答案: