Nivo-Slider Disappears While Slide Is Being Changed In IE ≤ 8
Solution 1:
In the source code of your page, i see:
<img name="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}
<img name="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"