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

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12204

une bannière différente par album

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".


Dernier billet du blog Piwigo.com (3 mai 2018) Nouveau formulaire d'abonnement

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: une bannière différente par album

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 !
:-)


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Sixpo
Membre
2010-12-01
354

Re: une bannière différente par album

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)


Plus je pédale moins vite moins j avance plus vite

Hors ligne

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

Trithemis74
Invité

Re: une bannière différente par album

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

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

Sixpo
Membre
2010-12-01
354

Re: une bannière différente par album

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)


Plus je pédale moins vite moins j avance plus vite

Hors ligne

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

Esperanza
Membre
Lattes (34)
2012-09-13
10

Re: une bannière différente par album

Chouette,

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

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3554

Re: une bannière différente par album

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

Hors ligne

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

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12204

Re: une bannière différente par album

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 :-)


Dernier billet du blog Piwigo.com (3 mai 2018) Nouveau formulaire d'abonnement

Hors ligne

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

Gege
Membre
Ile de France
2006-03-10
68

Re: une bannière différente par album

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


Chaque fois que je vois le travail effectué par les utilisateurs de Webgallery devenu piwigo, je me dis que tout est possible !!! Vous êtes fantastiques !

Hors ligne

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

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3554

Re: une bannière différente par album

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)

Hors ligne

Pied de page des forums

Propulsé par FluxBB