Making Nivo Slider Ignore Divs?

Hello,

I am coding a site for a client which you can see works fine here:

http://dev.evaske.com/Marjolijn/

If you watch long enough, you will see it process the two images in the code and then there is a big delay as it tries to process the divs that are also in the slider div. These are floated divs for the menu and logo holder. I did make it so that the entire nivo slider was inside another div, which removed the problem of it looking at the other divs but then this meant that menu wouldn’t show in IE6 because of the Z-Index error it has.

Does anyone know how I can make the Nivo slider ignore divs with a certain class so that it only processes the images and not the divs.

Hopefully that made sense!

Regards

I think you need to change your page structure and stop supporting IE6 , that browser is dead!

It may well be dead… but the client asked for it .

evaske said
It may well be dead… but the client asked for it .

I hope you are getting a paycheck for a sum at least with 5 zeros in it $x00 000

If someone could just tell me a way to make NivoSlider ignore everything that has a certain class then it wouldn’t be an issue and it’d all work with IE6

Well, there’s no easy (supported) way to do that. You’d have to change the Nivo JS itself. From Nivo:

Note that only images or images wrapped in links are allowed in the slider div. Any other HTML will break the slider.

I think your best bet is to try to fix the z-index error in IE6 . Applying position:relative (or absolute) and a z-index to the appropriate divs usually solves this issue.

sevenspark said
Well, there’s no easy (supported) way to do that. You’d have to change the Nivo JS itself. From Nivo:

Note that only images or images wrapped in links are allowed in the slider div. Any other HTML will break the slider.

I think your best bet is to try to fix the z-index error in IE6 . Applying position:relative (or absolute) and a z-index to the appropriate divs usually solves this issue.

That’s where the problem arises with the position:absolute and the z-index. This is an error with IE6 that I just can’t find a solution to

I think I’ve fixed it….

I ended up using the SuperSleight JQuery to do with PNG transparency and this just seemed to fix the issue….

Can someone confirm for me in IE6 that the slider buttons work etc?

I had the same problem here: http://setinstone.turkhitbox.com/

Add the div ’s using javascript

It worked in the end by not having the DIVs inside the slider, using the position:relative/absolute and then using the transparency fix for IE6