Nivo Slider on IE9

This topic contains 2 replies, has 2 voices, and was last updated by  vidocha 1 year, 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
Author Posts
Author Posts
June 29, 2012 at 11:08 am #4503

vidocha

Hi there, I was able to get my Slider up and running thanks to this wonderful site. Everything was working smoothly until I tried looking at my site using IE9. I noticed that the images wouldn’t load. I also followed some of the links from other readers and noticed the same thing.

Is this a known issue. If not could you point me in the right direction to solve it? My site is located at http://www.elrichardo.com

July 1, 2012 at 12:34 pm #4509
Raju Nunna
Raju Nunna

It worked fine for me. But if you are facing issues for your site with IE9, try the following:

In your nivo slider css file, locate the line

.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;

Change display:none; to display:block;

Please let us know how it goes.

July 4, 2012 at 5:22 am #4556

vidocha

Ok I figured it out. What I wanted was for the Nivo Slider to only appear on the homepage and not the other pages. I noticed that another user had successfully done so, so I simply borrowed their css stylesheet from http://www.cosmoresidences.com/files/theme/nivo-slider-default.css

This fixed the problem with not appearing on IE, but then it broke all the other pages that I didn’t upload the JS code to. So I made another page layout titled no-header.html and copied everything from index.html except the Nivo slider contents. Works very good now. Wow, I came across the blog today and it is just full of useful info, I bookmarked it immediately, thanks for everything.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.