Funcion JS solo para navs q no sean IE

[MadDunDee]

Hola!!

tengo una duda q necesito resolver urgentemente. Veréis tengo una serie de funciones en jquery qu realizan unos efectos de fade, el caso es q IE no los trbaja bien y quiero q todoso los navegadores interpreten correctamente este script a excepción de IE.

Algo tipo condicional para q salte el script o algo similar. No sé como resolver esto y es urgentísimo!

Plz, si alguien sabe com sacar esto q me eche un cable.

Invito a cañas!!

[MadDunDee]

El script en custion es el siguiente:

<script type="text/javascript">

$(document).ready(function() {

$("ul.galeria li").hover(function() { //On hover...

var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

//Set a background image(thumbOver) on the &lt;a&gt; tag
$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
//Animate the image to 0 opacity (fade it out)
$(this).find("span").stop().animate({opacity: 0}, 300);
} , function() { //on hover out...
//Animate the image back to 100% opacity (fade it back in)
$(this).find("span").stop().animate({opacity: 1}, 300);
});

});

</script>

[MadDunDee]

El problema es q entra en conflicto con este otros script:

Código PHP:

  <script type="text/javascript">
 
 
$(document).ready(function(){
                           
                           
$("ul.galeria").fadeTo(500, 0);
$("h2.txtFade").fadeTo(500, 0);
$(".btn-slide-moderna").click(function(){
$("#panel-cocina-moderna").slideDown("slow");
$("ul.galeria").fadeTo(1500,1);
$("h2.txtFade").fadeTo(2500,1);
});
 
$(".btn-cerrar-moderna").click(function(){
$("#panel-cocina-moderna").slideUp("slow");
$("ul.galeria").fadeTo(500,0);
$("h2.txtFade").fadeTo(500,0);
});
 
 
 
$(".btn-cerrar-moderna").click(function(){
$("ul.galeria").fadeTo(500,0);
});
 
});
 
$("ul.galeria").fadeTo(500, 0);
$(".btn-slide-clasica").click(function(){
$("#panel-cocina-clasica").slideDown("slow");
$("ul.galeria").fadeTo(1500,1);
});
 
$(".btn-cerrar-clasica").click(function(){
$("#panel-cocina-clasica").slideUp("slow");
$("ul.galeria").fadeTo(500,0);
});
 
    
    
    /*$(".btn-slide-moderna").click(function(){
        $("#panel-cocina-moderna").slideToggle("normal");
    });
    
    $(".btn-slide-clasica").click(function(){
        $("#panel-clasica").slideToggle("slow");
    });
    
    $(".btn-slide-rustica").click(function(){
        $("#panel-rustica").slideToggle("slow");
    });
    
     
});*/
</script> 
  

or si a alguien se le ocurre otra idea...

Se trata de unos thumbs q realizan un efecto hover en fade, pero en IE, en lugar de mostrar la imagen inferior (es una técnica similar a la css sprites pero con fade en jquery)

[David]

Puedes usar un if para comprobar el valor de navigator.appName, si es "Microsoft Internet Explorer" no ejecutar el código.

[MadDunDee]

David, serías tan amable de ponerme un ejemplo...no soy progrmador y estas cosas me cuestan un poco

[Panino5001]

Código:

<script>
if(!window.ActiveXObject){
//todo tu código aquí (sin los tags script)

}
</script>

[MadDunDee]

Acabo de problarlo de la siguiente manera y no me funciona:

Código PHP:

  <script type="text/javascript">
 
$(document).ready(function() {
    
    $("ul.galeria li").hover(function() { //On hover...
        
        var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
        
        //Set a background image(thumbOver) on the &lt;a&gt; tag 
        $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
        //Animate the image to 0 opacity (fade it out)
        $(this).find("span").stop().animate({opacity: 0}, 300);
    } , function() { //on hover out...
        //Animate the image back to 100% opacity (fade it back in)
        $(this).find("span").stop().animate({opacity: 1}, 300);
    });
 
});
 
</script>
 
<script>
if(!window.ActiveXObject){
$(document).ready(function() {
    
    $("ul.galeria li").hover(function() { //On hover...
        
        var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
        
        //Set a background image(thumbOver) on the &lt;a&gt; tag 
        $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
        //Animate the image to 0 opacity (fade it out)
        $(this).find("span").stop().animate({opacity: 0}, 300);
    } , function() { //on hover out...
        //Animate the image back to 100% opacity (fade it back in)
        $(this).find("span").stop().animate({opacity: 1}, 300);
    });
 
});
 
}
</script> 
  

Algún apunte u otra alternativa??

[JavierB]

Mensaje movido al foro de Frameworks desde Javascript

Saludos,

[MadDunDee]

Perdón perdón!!

Si q funciona que me dejé fuera el script completo sin comentar!!

He conseguido resolver este asunto. Muchas gracias Panino!!

Veo que estás en Buenos Aires, pero si pasas por madrid que sepas q estás invitado a unas cañas y lo q se tercie!!

Muchas gracias amigo!!