4

我正在测试滑块，它在 Chrome 和 IE 9+ 中工作，但在早期版本中不能正常工作。

我遇到的问题是，当上一张幻灯片被卷起时，会显示一个类似错误的图像（然后 loading.gif 可见）并保持两秒钟以上，直到出现下一张幻灯片。
我尝试更改动画类型，但问题仍然存在。

我应用了这个答案并没有解决问题。

有什么线索吗？

我也在dev7studios上发布了同样的问题，但是没有答案。

在此处输入图像描述

更新 这是生成图像的方法：

private static MvcHtmlString BuildImageTag(string blobName, object htmlAttributes = null, string name = null)
{
  TagBuilder tag = new TagBuilder("img");

  var src = BlobHelper.GetBlobUri(blobName);

  tag.Attributes.Add("src", src.ToString());
  tag.Attributes.Add("name", name);
  if (htmlAttributes != null)
    tag.MergeAttributes(new RouteValueDictionary(htmlAttributes), true);

  return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
}

如何更改它以使结束标签是单独的（如本答案中所述）？

更新 2

启用 JS 调试后，我看到 nivo 滑块 js 文件中有一个调试器中断。

在此处输入图像描述

JS中的行是：

u.attr("src",i.currentImage.attr("src")).show();

我什至不确定它是否相关，但我认为它可能会有所帮助。

4

2 回答 2

3

在您页面的源代码中，我看到：

<img name="ImageFileName" src="https://levelblob.blob.core.windows.net/levelblob/images/slides/b0624213-f3cd-4e0f-b1ae-e5e97429b087.jpg" title=""></img>

这不是 W3C 指定的有效 img 标签：

标签是空的，这意味着它只包含属性，没有结束标签。

顺便说一句，alt标准需要一个属性，但是，没有浏览器会抱怨这一点。

所以在你的情况下，你应该重写你所有的img标签如下：{没有'/'在img标签的末尾，当然没有''结束标签}

 <img name="ImageFileName" src="..." title="" alt="">

加注提示仍然来自 W3C：

提示：最好同时指定图像的高度和宽度属性。如果设置了这些属性，则在加载页面时会保留图像所需的空间。但是，如果没有这些属性，浏览器将不知道图像的大小。效果将是页面布局将在加载期间更改（同时加载图像）。

不确定您的问题来自这里，但我确信无效的 html 会导致一些问题。

更新

在您更新之后，我看到您正在使用 (asp) 来呈现 html。您应该在函数结束时尝试此操作：

return MvcHtmlString.Create(tag.ToString(TagRenderMode.StartTag));

PS：我无法测试任何 asp 代码。

于 2013-04-16T13:27:35.717 回答
1

该网站是用 HTML 5 编写的吗？

我最近将它实现到我创建的一个网站中，它在 IE 8 和 IE 7 中都能完美运行。我创建的网站是用 HTML 5 编写的，为了使滑块工作，我唯一更改的是更改 div 标签围绕滑块到部分，然后添加HTML 5 shiv其他一切都是从网站上库存的。

这是我创建的有效网站，所以希望这也能帮助你

（没有 50 个代表，所以不能将此作为评论发布）

于 2013-03-10T16:15:23.073 回答