Javascript If/Else changement img src

J'ai une chute de fonctionnement dynamique menu déroulant que je voudrais ajouter un peu plus de la fonctionnalité. Le menu est la page de navigation et de survol d'un lien change la source d'une image dans la zone de contenu, reflétant le lien actif. C'est un simple attr(src) de changement.

J'ai ajouté un peu de code pour appliquer un fondu à l'actif des images, changer la source à la valeur par défaut, et à la décoloration, et retour au moment de quitter le menu, mais voudrait cadre de ce code à l'intérieur d'un if/Else; prévention de l'image de la décoloration et de nouveau si la source est inchangé par rapport à la valeur par défaut.

La syntaxe est correcte, mais la fonction ne fonctionne pas correctement. Je suis relativement nouveau et je suis probablement manque quelque chose. Je serais grandement apprécier tous les conseils pour les fonctionnels, plus fiable code!

Je vous remercie pour votre temps,
Daniel

La fonction intégré au sein de l'instruction else (fade out, changement de source, fade in) fonctionne comme je voudrais qu'il.

$("#trigger").mouseleave(function(){
    var img = $("#img_home");
    if (img.src = "Images/IMG_4663_bw.jpg"){
      img.noop();
    } else {
      img.fadeOut(1000, function(){
         img.attr("src","Images/IMG_4663_bw.jpg");
         img.fadeIn(1000);
      });
    }
});

jQuery n'est pas tout à fait qualifier comme support de développement, il est encore très frontal. 😉
Je ne peux pas croire que le titre de cette question est "jQuery si/d'autre" - ce n'est pas jQuery - c'est du JavaScript!!
Désolé Jacob, juste sauté dans la piscine. À l'aide d'une bibliothèque jQuery... mais que sais-je 🙂

InformationsquelleAutor technopeasant | 2011-01-04

3
```
if (img.src = "Images/IMG_4663_bw.jpg")
```
Vous êtes assinging la valeur, vous avez besoin de la == opérateur, de ne pas le = opérateur.

Si vous êtes à la recherche pour le else état, mais, juste à l'inverse de la condition:
```
if (img.attr('src') != "Images/IMG_4663_bw.jpg") {
    //fade and stuff
}
```
- A travaillé comme un charme! Je vous remercie de votre temps et des efforts beaucoup.
InformationsquelleAutor deceze
1

img est un objet jQuery.

Vous avez besoin pour accéder à ses attributs en appelant img.attr('src').

Votre if condition attribue la img bien; pour vérifier l'égalité, vous devez utiliser le == (l'égalité) ou === (égalité stricte) des opérateurs.

de jQuery noop est une méthode statique; vous l'appeler par écrit jQuery.noop().

Enfin, il n'y a aucun point en appelant noop() à tous. Tout d'abord, il n'y a rien de mal avec un vide de la paire de croisillons avec aucune des instructions à l'intérieur: if (something) { } else { ... }.

Aussi, vous pouvez simplement inverser les if condition et de se débarrasser de la else:
```
if (img.attr("src") === "Images/IMG_4663_bw.jpg") {
  img.fadeOut(1000, function() {
     img.attr("src", "Images/IMG_4663_bw.jpg").fadeIn(1000);
  });
}
```
InformationsquelleAutor SLaks
0

Syntaxe est incorrecte. Vous avez besoin == dans le if() déclaration au lieu de =, qui effectue une affectation au lieu d'une comparaison.

Aussi, afin d'accéder directement au src de la propriété, vous devez le faire à partir de l'élément du DOM. Vous pouvez utiliser [0] pour obtenir le premier img de l'objet jQuery.
```
if (img[0].src == "Images/IMG_4663_bw.jpg"){
    $.noop(); //The noop is called from the global jQuery object.
    //...
```
InformationsquelleAutor user113716

Essayer

$("#trigger").mouseleave(function(){
var img = $("#img_home"); 
 if (img.src == "Images/IMG_4663_bw.jpg"){
  img.noop(); 
 } 
 else {
  img.fadeOut(1000,function(){
  img.attr("src","Images/IMG_4663_bw.jpg");
  img.fadeIn(1000); 
  }); 
 } 
});

La différence est de comparer la source, avec le chemin de l'image de la chaîne. Il devrait être ' == '

Qui ne fonctionne toujours pas.
Droit, n'a pas remarqué l'objet jQuery que mes yeux étaient fixés sur cette comparaison 🙂 .

InformationsquelleAutor Manny Calavera

Vous devez vous connecter pour publier un commentaire.