Give help. Get help.
UPDATED: 12/10/09.
Hi Everyone, This is my first post. and I’m having problems implementing MENU FADER in WORDPRESS and IE and EasySLider with IE7.
Hope somebody can help me resolving this issue..
the webpage:
I use Menu fader this way:
in header.php > I have:
in submenu.php > I have :
I use a global.js to initialize several the scripts > i have:
//Menu Fader
$(“#facial-button”).css({
opacity: 0.3
});
$(“#aromaterapia-button”).css({
opacity: 0.3
});
$(“#mainmenu-wrap div.button”).click(function(){
$clicked = $(this);
// if the button is not already “transformed” AND is not animated
if ($clicked.css(“opacity”) != “1” && $clicked.is(“:not(animated)”)) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
// each button div MUST have a “xx-button” and the target div must have an id “xx”
var idToLoad = $clicked.attr(“id”).split(‘-‘);
//we search trough the content for the visible div and we fade it out
$(“#submenu”).find(“div:visible”).fadeOut(“fast”, function(){
//once the fade out is completed, we start to fade in the right div
$(this).parent().find(“#”+idToLoad[0]).fadeIn();
})
}
//we reset the other buttons to default style
$clicked.siblings(“.button”).animate({
opacity: 0.5,
borderWidth: 1
}, 600 );
});
// Inner Fader Globals
$(‘#image_rotate’).innerfade({
speed: ‘slow’,
timeout: 4000,
type: ‘sequence’,
containerheight: ‘220px’
});
//Dossiers
$(“#slider”).easySlider({
auto: false,
continuous: false,
nextText:’Conocimiento de Línea’,
prevText:’Regresar’
});
//Reductiva
$(“#slider-wide”).easySlider({
auto: false,
continuous: false,
nextText:’Más’,
prevText:’Regresar’
});
//Scroller
$(‘#scroll’).jScrollPane({showArrows:false,scrollbarWidth:10, scrollbarMargin:20});
//–>
});
Also I use a Jquery from google the last version :
And all this JS’s are in the footer.php
I have several jquery plugs, like easySlider, JScrollPane, etc….
—
The problem with Menu fader is:
Of course, Firefox, Chrome, Safari, are working great no issues in this browsers… But the conflict come with IE….
When I try to click in the second or third menu, I don’t get anything…. it stays in the first menu. I mean is no action.
And in Easy Slider , Take a look how it look in IE7!:
Hope I make myself clear.. ‘cos my english SUXZ… hehee :D
Thanks in adcvance.
Somehow, the product of my client is top secret,… SO I could not open the web page until the launch day……
and I have to wait util the that day…..
I will try whatever is on my hands to make work Menu Fader in IE, if I can’t then I will search for an other solution.
If somebody detects an error in my code above I will appreciate the warning.
thanks!
I just find a fast solution for this issue… but is nothing about jquery or else… is about CSS
so I just add
to my css
and the problem was solved….. without border-bottom, but it solve temporary the problem.
SOmbody know why , in IE7 , thios section look ok:
but this other section look odd:
Hey hi everyone , it’s again me je :D
I would show how does menu fader show in IE (7-8) in the website:
You must be logged in to reply to this topic.