Image de news différente pour chaque catégorie

Bon ben... tout est dans le titre !
Je cherche à pouvoir mettre une image de news différente pour chaque catégorie, uniquement sur la page d'accueil (donc j'utilise des sélecteurs comme "nth-child()" pour les catégories)
Je ferais bien ça en jQuery à vrai dire mais je ne trouve pas d'id ou de class à l'image de news spécifiquement, ou alors c'est à la fois l'image de news, celle de no news et locked, or je ne veux que news

Voilà je ne suis pas sûre du tout que ce soit possible, mais le cas échéant je peux faire autrement, quoique ce ne soit pas super ^^'

Merci !

Salut!

Il existe des sélecteurs CSS (utilisable aussi en jquery) où tu peux sélectionner une image spécifique comme ceci en utilisant leur "title", leur "alt" ou même leur "src". Exemple avec les "src" :

Code:

Image New :
.class img[src="src_image_new"] {
}
Image Old :
.class img[src="src_image_old"] {
}
Image Lock
.class img[src="src_image_lock"] {
}

C'est ce que j'ai fait pour un forum où j'ai codé plusieurs thèmes. J'ai commencé par héberger des images "vide" (bref, transparente en png) pour chaque image du thème. Puis, j'ai sélectionné chaque image grace à leur "src" pour leur donner une image de background (qui était l'image que je voulais réellement utiliser) différente pour chaque thème.


Tu pourrais aussi utiliser le jquery en donnant un "id" à ton titre de catégorie, puis en cheminant en jquery avec "closest" qui va chercher le bloc qui contient ton titre de catégorie, puis "find" qui va chercher l'image que tu veux à l'intérieur.

Et tu peux même fonctionner un peu à l'envers avec la fonction "each" pour aller chercher chacune de tes images "new", vérifier si elles ont le titre de la catégorie que tu veux et les changer en fonction de cela.

Exemple avec la méthode "each" où les titre de catégorie sont des texte avec la class "titrecategorie" et où chaque catégorie a la class "bloccategorie". Cela prend chaque image qui a le src de ton image "new" et va vérifier le titre de catégorie. Ensuite, le src change en fonction du titre de la catégorie ^^ :

Code:

jQuery().ready(function(){
  $("img[src='src de New']").each(function () {
    var imagenew = $(this);
    var titlecate = $imagenew.closest(".bloccategorie").find(".titrecategorie:first").text;
    if (titlecate.lenght > 0) {
      if (titlecate = "Nom catégorie 1") {
        $imagenew.attr("src") = "nouveau src";
      }
      else if (titlecate = "Nom catégorie 2") {
        $imagenew.attr("src") = "nouveau src";
      }
      else {
        return;
      }
    }
  });
});

---

(À noter que je ne suis pas trop sûre de la syntaxe pour le jquery, c'est pas trop mon fort, je veux juste te donner des idées ^^ Après, à toi d'aller chercher comment cela s'écrit exactement )

Ho, merci ! (j'avoue, au début la longueur de ta réponse m'a fait peur ^^' )
Je vais essayer de bricoler avec ça, je vous dis si j'ai d'autres problèmes !