Pictures Show

Si vous utilisez un thème autre que Blowup, Blue Silence, Forx 2 ou Sunny flower Theme. Vérifier qu'il n'existe pas un add-on pour ce thème ici (attention l'installation d'un add-on sous free demande de mettre à jour le cache de template).

Sinon posté un message là le thème nécessite peut être une adaptation.

Cette version corrective permet :

• Aux personnes utilisant PHP 5.0.4 ou 5.0.5 d'avoir un PS qui marche (pour les versions <= 5.0.3 voir le forum de dotclear )
• Aux personnes utilisant actuellement une version de PS <= 0.7.3, que passer à la nouvelle version sans encombre
• Quelques modifications de code, pour un code plus clair et plus fiable.

Après deux release candidate voilà la version 1 finale avec quelques modifications :

1. Compatibilité avec les tous nouveaux plug-in Picture Title Updater (V0.2) et Thumbnails Generator (V0.9.1)
2. Changement non visible mais qui permet la sortie d'une nouvelle version corrective de l'add-on pour Noviny ( voir le problème )

A l'heure actuelle, il est impossible d'automatiser le changement d'apparence du titre (voir la discussion sur le forum Dotclear).

Pour les thèmes où c'est le seul point qui fait défaut, aucun add-on n'est prévu. La solution la plus simple à l'heure actuelle, est de mettre à jour le fichier "style.css" de votre thème grâce à l'éditeur de thème de Dotclear.

Si vous trouver une ligne du style #comments h3, #pings h3 { rajoutez , #pictures h3 de sorte d'obtenir quelque chose du style
#comments h3, #pings h3, #pictures h3 {

Il faut aussi cocher l'option "Désactiver le css du titre" dans "Paramètres d'affichage" de Pictures Show.

Si vous avez des problèmes avec votre thème, laissez un message ici ou sur le forum dotclear où toute l'équipe Dotclear pourra vous répondre.

Une erreur empêchait un affichage correcte tant qu'on avait pas choisit une option dans "Quelques options de PicturesShows à l'essai", voilà qui est corrigé dorénavant.

Beaucoup de nouveautés attendent la "première version" de Pictures Show.

Coté administration

1. Une nouvelle interface graphique, plus directive, qui évite de perdre du temps avec des combinaisons qui ne donnent pas un résultat cohérent.
2. Une interface supplémentaire pour gérer plus facilement les fichiers templates proposés par Pictures Show. La mise à jour n'est pas automatique pour éviter des écrasements de fichiers déjà personnalisés.
3. Pour les blogs avec un nombre de galeries conséquent, un chargement de la combo-box des galeries utilisant ajax, pour réduire le temps de chargement des pages de création des billets et de gestion des galerie.
4. Un système d'add-on par thème pour ne plus à avoir à copier-coller les explications données via le site de Pictures Show. Des "sous plug-in" vont permettre d'adaptation de Pictures Show à un thème. Pour installer un add-on (voir la liste) il suffit de procéder de la même manière que pour un plug-in dotclear classique.

Coté blog

1. Un code qui respect les normes W3C, ce qui permet, par exemple, de ne pas limiter les liens au texte 'voir la galerie' mais d'inclure aussi les images en décoration.
2. Les images qui peuvent, enfin, être directement affichées à la fin du texte du billet.
3. Ajout de certain style de présentation comme l'utilisation de carousel (voir un exemple).
4. Les images d'une galerie rattachée à une page sont affichées automatiquement (plus de modification de template à faire).
5. Des liens sur les galeries sont rajoutés dans les archives.

Le passage de la V0.7.x à la V1RC1

Le passage de l'un à l'autre ne devrait pas poser de souci technique. Il faudra cependant veiller à la présentations des pages qui pourrait comporter deux galeries (celle rajoutée automatiquement et celle rajoutée à la main dans le fichier de template). Ainsi qu'à celle de la widget qui voit sont organisation légèrement modifiée pour rentrer dans le rang par rapport aux autres widgets.

Une idée suggérée par Darry mettre une première image plus grande que les autres. Voilà une manière de faire relativement portable partout je pense :

1. Dans l'interface d'administration, choisir le thème "Déplace la galerie dans le billet" et modifier les attributs suivants : 

   • Cible du lien  à --Aucun--
   • Contenu à ---Aucun (pour Freshy V2)--

2. Pour la page du billet, il faut d'éditer le fichier post.html et pour la home il faut d'éditer le fichier home.html. Juste avant la balise :
  </head>

   ajouter le code:
   <style type="text/css">
    #pictures {
        clear: both;
        margin: 10px 0;
    }
    .picture-div {
        float: left;
        height: 48px;
        width: 48px;
        border : 0px solid #FFF;
        margin: 0pt 10px 10px 0pt;
        padding: 0px;
    }
     .picture-div:first-child {display: none;}
</style>

   De plus, juste avant les lignes similaires à :
       <!-- # --BEHAVIOR-- publicEntryAfterContent -->
    {{tpl:SysBehavior behavior="publicEntryAfterContent"}}

   ajouter le code:
   <div id="pictures">   
<tpl:IfPicturesEntries>
   <tpl:PicturesEntriesHeader>
    <tpl:PicturesEntries thumbnails_format="m" nb_pictures_per_page="1">
            {{tpl:PictureEntry}}
    </tpl:PicturesEntries>
   </tpl:PicturesEntriesHeader>

   <div>   
    <tpl:PicturesEntries>
        <div class="picture-div">
            {{tpl:PictureEntry}}
        </div>
    </tpl:PicturesEntries>
   </div>
</tpl:IfPicturesEntries>
</div>
<p style="clear: both;"/>

3. La configuration précédente marche avec Lighbox et Colorbox sans ajout particulier. Pour ColorBox, au besoins, rajouter #pictures dans le champ 'Appliquer ColorBox aux blocs suivants'.

Avec le Thème Noviny d'Olivier Meunier il est nécessaire de modifier le fichier "psgalleries.html".

Deux possibilités :

• Téléchargez le fichier suivant et ajoutez le dans le répertoire tpl de noviny par ftp
• Copiez collez le contenu du fichier en utilisant l'éditeur de thème (il faut remplacer tout le contenu)

Pictures Show, dans une certaine mesure, est compatible avec le Thème Hybrid de Azork.

Il est possible d'afficher la galerie directement dans le billet, directement après le texte, sans trop de modification.

1. Dans l'interface d'administration, choisir le thème "Déplace la galerie dans le billet" et modifier les attributs suivants : 

   • Cible du lien  à --Aucun--
   • Contenu à --Aucun--

2. Pour la page du billet, il faut d'éditer le fichier post.html. Juste après le code :
     <script type="text/javascript">
  //<![CDATA[
  var post_remember_str = '{{tpl:lang Remember me on this blog}}';
  //]]>
  </script>

   ajouter le code:
   <style type="text/css">
    #pictures {
        clear: both;
        margin: 10px 0;
    }
    .picture-div {
        float: left;
       height: 48px;
       width: 48px;
        border : 0px solid #FFF;
        margin: 0pt 10px 10px 0pt;
        padding: 0px;
    }
</style>

   De plus, juste après le commentaire :
   <!-- end .post -->

   ajouter le code:
   <div id='pictures'  class='pictures-div' align="center">
    <tpl:PicturesEntries pictures_format="o" thumbnails_format="sq" nb_pictures_per_page="-1">
        <div class='picture-div {{tpl:PictureIf last="last"}}' align="center">
            {{tpl:PictureEntry}}
        </div>
    </tpl:PicturesEntries>
</div>

3. Il est aussi possible de rajouter aux Pages de DC2 une galerie, pour qu'elle s'affiche, il faut éditer page.html. Juste après le code :
   {{tpl:include src="_head.html"}}

   ajouter le code:
   <style type="text/css">
    #pictures {
        clear: both;
        margin: 10px 0;
    }
    .picture-div {
        float: left;
       height: 48px;
       width: 48px;
        border : 0px solid #FFF;
        margin: 0pt 10px 10px 0pt;
        padding: 0px;
    }
</style>

   Juste après le code :
   <div class="post-content">{{tpl:EntryContent}}</div>

   ajouter le code:
   <div id='pictures' align="center">
    <tpl:PicturesEntries pictures_format="o" thumbnails_format="sq" nb_pictures_per_page="-1">
        <div class='picture-div {{tpl:PictureIf last="last"}}' align="center">
            {{tpl:PictureEntry}}
        </div>
    </tpl:PicturesEntries>
</div>

4. La configuration précédente marche avec Lighbox. Pour ColorBox, il suffit de rajouter #pictures dans le champ 'Appliquer ColorBox aux blocs suivants'.