Skip to content Skip to sidebar Skip to footer

Nivo-slider Disappears While Slide Is Being Changed In Ie ≤ 8

I'm testing the slider and it works in Chrome and IE 9+ but doesn't work properly in earlier versions. The problem that occurs to me is that while the previous slide is rolled up,

Solution 1:

In the source code of your page, i see:

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

This is not valid img tag as W3C specify:

The tag is empty, which means that it contains attributes only, and has no closing tag.

BTW, an alt attribute is required by standard, however, no browsers will complain about that.

So in your case, you should rewrite all your img tags as follow: {no '/' at end of img tag and of course no '' closing tag}

<imgname="ImageFileName"src="..."title=""alt="">

Plus note tip still from W3C:

Tip: It is a good practice to specify both the height and width attributes for an image. If these attributes are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image. The effect will be that the page layout will change during loading (while the images load).

Not sure your problem come from something here, but i'm sure that non-valid html can lead in some problems.

UPDATE

Following your update, i see you are using (asp) to render html. You should try this at end of your function:

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

PS: i cannot test any asp code.

Solution 2:

Is the site written in HTML 5?

I recently implemented this into a website that I created and it works perfectly in both IE 8 and IE 7. The website I created was written in HTML 5 and the only thing I changed in order to make the slider work was to change the div tags around the slider to sections and then add the HTML 5 shiv everything else was stock from the site.

Here's the site I created that works, so hopefully this might help you too

(Don't have 50 rep so can't post this as a comment)

Post a Comment for "Nivo-slider Disappears While Slide Is Being Changed In Ie ≤ 8"