IE slider not sliding WordPress
- SOLVED
Sorry about not posting back right away on this one. I finally found the time to get the div's fixed and that part is working perfectly now. As I can't cancel a question, I will simply change it and offer a new question in its place.
Really it is 2 questions, but I believe they are possibly related due to the problem starting at the same time.
There are zero plugins activated on this site.
#1
[[LINK href="http://shawn.theanointedone.com/"]]http://shawn.theanointedone.com/[[/LINK]]
Below the main slider, there is a small slider that I use for my photogalleries. This slider was working perfectly in all browsers tested IE7+, FF, Chrome etc.
Now for some reason the slider is not working in IE 7,8,9. Basically nothing happens. The really weird part is I did not touch the js code in any way, and frankly this is the most basic js script used on the site.
#2
IE9beta only
For some reason, at the exact same time my navigation buttons started to show up behind the primary slider when you get to the 3rd level of navigation. This only happens in IE9beta.
The code for the navigation and the top slider once again, was not changed in any way.
Problem #1 happens on every computer I have tried, so I know it is a real problem that needs to be fixed.
Problem #2 I have only seen it on my primary computer as I don't want IE9 on any other comps yet. Can others confirm if there is a bug in the navigation z-index?
thanks guys
more questions coming soon.
p.s.
On one individual computer using the latest FF3 series, when you go to the photogallery single view pages, the thumbnail images in the slider do not show up. This has only happened on one computer out of a dozen or so. Any idea why a single computer would do that? I.E. no thumbs show at all (this is just a supplemental question I am curious about, not required at all)
Answers (5)
Jermaine Oppong answers:
Hey Shawn, I dont mind helping you. Any links to the page? what next?
Jermaine Oppong comments:
Hey Shawn,
Concerning Problem #2, you can solve this by setting a higher <strong>z-index</strong> with the parent elements by CSS, in this case the <strong>primary-navigation</strong> div:
#primary-navigation{
position:relative;
z-index: 9999;
}
Or you can use IE conditional comments in the <strong>header.php</strong> file by setting this:
<!--[if IE]>
<style type="text/css">
#primary-navigation{
position:relative;
z-index: 9999;
}
</style>
<![endif]-->
If you prefer, you can remove the conditional comments all together.
<style type="text/css">
#primary-navigation{
position:relative;
z-index: 9999;
}
</style>
Learn more about conditional comments on [[LINK href="http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx"]]Microsoft's website[[/LINK]].
Jermaine Oppong comments:
Concerning Problem #1, there seems to be jQuery conflictions with IE. Open the <strong>scripts.js</strong> file in the includes/js directory in your theme folder (http://shawn.theanointedone.com/wp-content/themes/custom-canvas/includes/js/scripts.js) and on the first line, place this line of code:
jQuery.noConflict();
Save then refresh and try again. If this does not solve your issue, then replace the scripts.js with the attachment I have here and refresh and try again. Remember to keep the original somewhere else or rename to <strong>scripts--.js</strong> to prevent it from being recognised :)
Jermaine Oppong comments:
Sorry I forgot to add attachment as a <strong>.zip</strong> file. Here it is.
All the best :)
Jermaine Oppong comments:
Sorry I forgot to add attachment as a <strong>.zip</strong> file. Here it is. Simply extract and use!
All the best :)
Jermaine Oppong comments:
Getting problems with the attachment functionality
Jermaine Oppong comments: