NIVO滑块消失而滑动在IE≤8被改变(Nivo-Slider disappears while s

2019-07-20 18:42发布

我测试的滑块,并在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();

我甚至不能确定它的相关,但我想这可能帮助。

Answer 1:

在你的页面的源代码,我看到:

<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可以在某些问题导致。

UPDATE

下面您的更新,我看你是使用(ASP)来渲染HTML。 你应该在你的函数结束试试这个:

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

PS:我不能测试任何ASP代码。



Answer 2:

被该网站用HTML 5?

最近,我实现了这个,到我创建了一个网站,它完美的作品在IE 8和IE 7.我创建的网站是写在HTML 5和我为了使工作滑块唯一改变的是改变div标签周围的滑块部分,然后添加HTML 5希夫其他一切库存从网站。

下面是网站的作品我创建的,所以希望这可以帮助你太

(不要有50个代表处所以不能张贴此作为注释)



文章来源: Nivo-Slider disappears while slide is being changed in IE ≤ 8