Piwigo.org

plg · 2011-01-24 13:18:01

Pour une utilisatrice Piwigo.com, j'ai codé un morceau de Javascript qui permet de changer l'image en bannière selon l'album (selon la catégorie). Dans [Administration > Configuration > Options > Principale > Bannière des pages]

Code:

<script type="text/javascript">
  jQuery(document).ready(function() {
    var mapping = new Array();

    mapping[21] = "/uploads/t/6/y/t6ynvw9sux/2011/01/24/20110124103254-880cf640.jpg";
    mapping[10] = "/uploads/t/6/y/t6ynvw9sux/2011/01/24/20110124095836-05ee1faa.jpg";

    var titleLink = jQuery("h2 a[href*=category]").last();
    if (titleLink.length) {
      var match = /category\/([0-9]+)/.exec(titleLink.attr("href"))
      var category_id = match[1];
      
      if (category_id in mapping) {
        jQuery("#bannerImage").attr("src", mapping[category_id]);
      }
    }
  });
</script>

<h1>
  <a href="http://naturewonders.piwigo.com/" title="Wonders at our feet" style="border: 0px;">
    <img id="bannerImage" src="/uploads/t/6/y/t6ynvw9sux/2011/01/24/20110124111143-6c8f4b41.jpg" alt="Wonders at our feet">
  </a>
</h1>

Cela suppose que jQuery est chargé (plusieurs plugins/thèmes le font, et c'était son cas).

Ensuite il reste à adapter le tableau "mapping".

Résultat : à voir ici, puis cliquez sur l'album "Champignons".

Gotcha · 2011-01-24 13:47:57

C'est dommage que lors de l'affichage de la vue normale, la bannière redevienne celle par défaut.

Ca reste une très bonne idée !
:-)

Sixpo · 2011-01-25 18:18:00

Salut
vi bonne idée
j aime bien l idée de mettre une banniere qui colle a l albbum
par contre y a t'il moyen que la banniere suive quand on regarde les photos,
car c est celle par defaut qui revient
merci

Dernière modification par Sixpo (2011-01-25 20:16:06)

Trithemis74 · 2012-03-06 22:59:11

Bonjour,

Pour faire la même chose, j'imagine qu'il faut copier coller le code en changeant le titre du blog, mais
qu'est ce que jQuery, comment savoir si un plugin le fait ?
Et c'est quoi le tableau mapping ?
Cordialement

Sixpo · 2012-03-06 23:20:58

Bonjour
j utilise le script de plg
il me semble que si tu utilise certain plugin comme autosize pour jQuery c est bon
ensuite le numero mapping[21] corespond a tes albums
sur IE par exemple sur ta page d accueil quand tu pointe un album tu as une adresse qui s affiche du genre
http://www.monsite.fr/eeee/zzz/index.php?/category/12
le 12 corenspond au numero virtuel de l album dans ta base
donc tu mets
mapping[12] = "http://www.tttt.fr/mes bannieres/ma banniere.jgp"

Dernière modification par Sixpo (2012-03-06 23:23:20)

Esperanza · 2012-09-13 18:06:18

Chouette,

merci pour le code, qui permet de thématiser visuellement chaque album. +1

mistic100 · 2012-09-13 18:21:27

à présent je conseillerais plutot d'utiliser
[extension by mistic100] Header Manager

plg · 2012-09-13 21:47:56

mistic100 a écrit:
à présent je conseillerais plutot d'utiliser
[extension by mistic100] Header Manager

Je confirme ! D'ailleurs l'utilisatrice Piwigo.com pour qui j'avais écrite cette astuce, elle est passé sur Header Manager maintenant :-)

Gege · 2016-01-21 09:59:35

Bonjour,
interressant cette astuce. Perso je voudrais supprimer le banniére the header quand on consulte les photos pour qu'elles occupent toute la page, j'ai installé Header Manager, mais il me supprime seulement le texte et laisse le cadre ce qui décale toujours les photos vers le bas.

Une idéee?

Merci
Gérard

mistic100 · 2016-01-21 10:41:05

Header Manager fonctionne très bien http://galerie.strangeplanet.fr/picture … ategory/87
C'est le CSS de votre thème perso "clear_gg" qui impose une taille au header (#theHeader)

Piwigo.org

Annonce

#1 2011-01-24 13:18:01

une bannière différente par album

Code:

#2 2011-01-24 13:47:57

Re: une bannière différente par album

#3 2011-01-25 18:18:00

Re: une bannière différente par album

#4 2012-03-06 22:59:11

Re: une bannière différente par album

#5 2012-03-06 23:20:58

Re: une bannière différente par album

#6 2012-09-13 18:06:18

Re: une bannière différente par album

#7 2012-09-13 18:21:27

Re: une bannière différente par album

#8 2012-09-13 21:47:56

Re: une bannière différente par album

mistic100 a écrit:

#9 2016-01-21 09:59:35

Re: une bannière différente par album

#10 2016-01-21 10:41:05

Re: une bannière différente par album

Pied de page des forums