Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

Ce plugin est une adaptation pour spip du script Cycle pour jQuery. Il permet d’afficher des diaporamas dans le texte de vos articles. Il fournit également des modèles permettant par exemple d’insérer un diaporama aléatoire d’images ou un diaporama des sites syndiqués dans un squelette...

Cette deuxième mouture du plugin Spip jQuery Cycle “sjcycle” est compatible avec spip >= 2.1

Par défaut, la fonction tooltip est désactivée mais est activable via la page de configuration. De même pour les fonctions fancybox/mediabox mais qui nécessitent, eux, l’installation des plugins fancybox ou mediabox pour fonctionner. Spip jQuery Cycle utilise les librairies fournies par ces plugins mais pas leurs paramètres de configuration.

Nota : l’effet FancyBox n’est plus proposé en Spip 3, ce plugin n’étant pas compatible.

Pour plus d’informations, se reporter à la version précédente.

Installation

Comme tous les autres plugins, cf. http://www.spip.net/fr_article3396.html

  • Le plugin fonctionne sur les squelettes disposant de les balises #INSERT_HEAD et #INSERT_HEAD_CSS.
  • Le plugin nécessite les plugins CFG (avant la version 1.8), Saisies, YAML et Spip_Bonux. Il utilise le plugin Palette.

Décryptage de la syntaxe et paramètres du raccourci typographique “sjcycle”

Le raccourci typographique “sjcycle” permet d’insérer facilement un ou plusieurs diaporamas au sein d’un article : il vous suffit de le recopier à l’intérieur de la case « Texte » de l’article, là où vous désirez situer le diaporama.

Ce raccourci comporte plusieurs paramètres séparés par le caractère “|”. Les 3 derniers paramètres ont été rajoutés dans la version 0.3

Paramètre “N”, obligatoire :
<sjcycleN>
Correspond au numéro de l’article contenant les images. Vous pouvez ainsi insérer un diaporama avec les images d’un article X dans un article Y.

Paramètre “ALIGN”, optionnel :
<sjcycleN|ALIGN>
Permet de spécifier l’alignement du diaporama au sein du texte.
S’il n’est pas précisé, l’alignement est “center”.
Les options de l’alignement :
-  “left” : à gauche du texte;
-  “center” : centrer dans le texte;
-  “right” : à droite du texte.


Paramètre “docs=n1,n2,[...],nx”, optionnel :
<sjcycleN|ALIGN|docs=n1,n2>
Permet de spécifier la liste d’images à afficher dans le diaporama, nx étant le numéro “spip” du document.
Ainsi, on peut afficher plusieurs diaporamas dans au sein d’un même texte, isoler des images.
S’il n’est pas précisé, l’ensemble des images sont sélectionnées par défaut.

Attention : dans le cas d’une utilisation avec un modèle l’écriture diffère :

[(#MODELE{sjcycle}{id_sjcycle=XX,docs=21|22|24})]

Paramètre “id_diapo”, optionnel :
<sjcycleN|ALIGN|id_diapo=X>
Permet d’attribuer un id spécifique à un diaporama afin de pouvoir le cibler en css par dsjcycle_X
Depuis la version 1.1, n’est plus nécessaire pour afficher plusieurs diaporamas dans le même article

Exemple :
<sjcycle16|center|docs=101,102,103,104|id_diapo=1><sjcycle16|center|docs=105,106,107,108,109|id_diapo=2|opt=fx:'shuffle',timeout:2000>
Ceci affiche 2 diaporamas dans le même article, le premier sur 4 images avec les paramètres par défaut du site et le second sur 5 images, avec des paramètres différents de ceux par défaut.

Paramètre “legende”, optionnel :
<sjcycleN|ALIGN|legende=X>
Permet d’afficher une légende sous le diaporama

  • Si X=1, on affiche comme légende le titre des images
  • Si X=modele, on affiche comme légende le texte fourni par le modèle sjcycle_modele. Ceci permet de créer une légende contenant le nom de l’auteur, le titre de l’article, enfin ce qu’on veut...
  • Si X=un texte, ce texte est affiché comme légende

Paramètres “btn_precedent” et “btn_suivant” (version 2.2.5 et 1.9.1) :
<sjcycleN|btn_precedent=1|btn_suivant=1>
Permet d’afficher les boutons “précédent” et “suivant” : on peut ne mettre qu’un seul des deux boutons.
Le libellé des boutons est personnalisable dans la configuration du plugin.

Paramètres “lien_article” et “forcer_lien_reference”, optionnels (ajoutés en version 1.6) :
<sjcycleN|ALIGN|lien_article=XXX|forcer_lien_reference=on>
Permet de poser un lien sur le diaporama vers un article autre que celui contenant les images. Dans le cas d’un site multilingue, fournir l’id de l’article de référence, le modèle se charge de trouver l’id de l’article correspondant à la langue du visiteur. Cette option désactive l’ouverture vers une box. Si l’article n’existe pas dans la langue courante on met ou pas un lien vers l’article de référence suivant que le paramètre forcer_lien_reference soit défini ou pas.

Exemple dans le cas d’une insertion dans un squelette sur une page sommaire :
-  [(#MODELE{sjcycle}{id_sjcycle=16,width=200,height=300,lien_article=171})] : diaporama sur toutes les images de l’article 16 redimensionnées à 200x300 avec un lien vers l’article 171 (ou sa traduction)

Paramètres “liens_individuels”, optionnel (ajouté en version 1.7) :
<sjcycleN|ALIGN|liens_individuels=valeur>
Permet de poser un lien sur chaque image du diaporama vers un article, une rubrique ou un site externe suivant la valeur du paramètre (article, rubrique, externe). Si la valeur vaut article ou rubrique, l’identifiant de l’objet est pris dans le champ descriptif de chaque image. Si la valeur vaut externe, le champ descriptif de chaque image doit contenir un lien http. Cette option désactive l’ouverture vers une box.

Exemple :
-  <sjcycle16|center|liens_individuels=article> : diaporama sur toutes les images de l’article 16 avec sur chaque image un lien vers l’article dont l’identifiant est contenu dans le descriptif de l’image.

Paramètre “limite” :
<sjcycleN|limite=3>
Sortira les trois premières images de l’article “N” dans le diaporama.

Paramètre “opt=p1:v1;p2:v2;[...];px:vx”, optionnel :
<sjcycleN|ALIGN|opt=p1:v1;p2:v2>
Permet d’utiliser les options du script jcycle. La liste complète est définie sur le site du plugin jquery jcycle par ici
Ces valeurs écrasent celles définies dans la page de configuration du plugin.
Les options possibles correspondent à celles de la version utilisée dans ce plugin spip et non à celles proposées sur la page citée ci-dessus. Actuellement, c’est la version 2.88 (08-JUN-2010) qui est utilisée
Depuis la version 1.2, il faut utiliser le point-virgule comme séparateur pour que ça fonctionne en modèle.

Exemple :
-  <sjcycle16|center|opt=autostop:1;autostopCount:5> : diaporama sur toutes les images de l’article 16 mais qui s’arrêtera à la cinquième image
-  <sjcycle16|center|opt=fx:'fade'> : diaporama sur toutes les images de l’article 16 avec un effet de transition “fade” qui remplace celui défini globalement pour le site entier

Paramètres de surcharge de la configuration générale :
<sjcycleN|ALIGN|param=valeur>
Ces paramètres optionnels écrasent localement les valeurs définies dans la page de configuration du plugin :
-  width : largeur en pixels des images recadrées
-  height : hauteur en pixels des images recadrées
-  position : position de l’image de d’origine dans l’image recadrée (left top, left center, left bottom, center top, center, center bottom, right top, right center, right bottom)
-  background : couleur de fond des images recadrées (au format #FF0000)
-  border_color : couleur de la bordure des images recadrées (au format #FF0000)
-  border_width : largeur en pixels de la bordure
-  div_margin : marge en pixels autour des images recadrées

Exemple :
-  <sjcycle16|center|background=#000000> : diaporama centré sur toutes les images de l’article 16 mais avec un fond noir, peu importe la couleur de fond définie dans la page de configuration du plugin.

Le modèle

On peux utiliser le modèle pour afficher un diapo dans les squelettes, XX étant le numéro de l’article contenant les images :

[(#MODELE{sjcycle}{id_sjcycle=XX,width=200,height=300})]

Astuces :


-  pour avoir de la transparence en fond, il faut mettre “transparent” dans les 2 champs de couleur dans la page de config. Cependant il faut savoir que les images générées seront au format png et donc généralement plus lourdes que les jpg
-  La qualité jpeg par défaut utilisée par les filtres d’image de SPIP est de 85. Elle peut être modifiée en rajoutant dans le fichier mes_options la ligne suivante :
define('_IMG_GD_QUALITE', 95);

Exemples d’utilisation :

http://www.lefourneau.com/spip/spip...

Diapo «au hasard» (ajouté en version 0.8)

Le modèle sjcycle_alea permet d’afficher un diaporama paramétrable sur un ensemble d’images choisies au hasard parmi les documents du site. Les paramètres possibles sont :
-  nb : nombre d’images (10 par défaut)
-  fx : l’effet à appliquer (fade par défaut)
-  duree : durée d’affichage de chaque image en ms (5000 par défaut)
-  largeur : largeur des images (200 par défaut)
-  hauteur : hauteur des images (0 par défaut, donc fonction de la largeur)

Exemple d’appel :

[(#MODELE{sjcycle_alea}{largeur=190})]

Une noisette pour le Noizetier est également fournie

Diapo des sites (ajouté en version 1.5)

Le modèle sjcycle_sites permet d’afficher un diaporama paramétrable sur l’ensemble des logos des sites référencés. Les paramètres possibles sont :
-  afficher_nom_site : si défini, affiche le nom du site sous le logo
-  fx : l’effet à appliquer (fade par défaut)
-  duree : durée d’affichage de chaque image en ms (5000 par défaut)
-  largeur : largeur des images (200 par défaut)
-  hauteur : hauteur des images (0 par défaut, donc fonction de la largeur)

Exemple d’appel :

[(#MODELE{sjcycle_sites}{afficher_nom_site=on})]

Une noisette pour le Noizetier est également fournie

Diapo des images d’une rubrique (ajouté en version 2.3.0)

Depuis la version 2.3.0 il est possible d’afficher les images d’une rubrique avec le raccourci suivant : <sjcycleXX|rubrique>. Les paramètres disponibles sont les mêmes que pour le modèle “article”.

Problèmes connus :


-  Les effets de type turnLeft, scrollRight,... ne fonctionnent pas si les infobulles sont activées dans la config.
-  L’affichage d’une bordure autour des images n’est pas satisfaisant...

updated on 2 October 2019

Discussion

93 discussions

  • 4

    Bonjour,
    Merci pour cet excellent plugin. Pour des raisons de vélocité du script / hébergement j’installe pour un nouveau site un spip 2.1, je ne connais donc pas encore la version pour spip 3.0 de ce plugin.
    Bref, j’ai une question car je ne comprends pas bien comment son sélectionnées les images pour le défilement : Y aurait t-il moyen de définir la première image ?
    Merci

    • Bonjour,
      par défaut ce sont toutes les images de l’article XX avec l’inclusion <sjcycleXX>, et pour en sélectionner seulement certaines et dans l’ordre qu’on souhaite il faut lire plus haut dans la page
      Il est aussi possible de faire sont propre modèle en prenant exemple sur ceux qui existe déjà, cf. le dossier “modeles” du plugin...

    • “existent”

    • rubenxela

      Merci de votre réponse. Je vais retenter mon parametrage car je n’ai pas eu l’impression qu’elles s’affichaient dans l’ordre de la conf mais plus par ID.
      C’est donc genial. Merci.

    • autant pour moi, en fait tout dépend si les images ont un titre ou pas, un numéro du titre ou pas, mais le tri n’est pas sur l’ordre des ID du paramètre docs, en effet...

    Reply to this message

  • fhamonno

    Correctif : La version du plugin sjcycle donnée dans le fichier xml était 1.0.1; mais dans l’espace privé / gestion des plugin son titre était “sjcycle 1.9.1” ?!?

    Du coup j’ai installé la version 1.9.1 dispo en téléchargement aujourd’hui... mais le pb est toujours là !

    Merci pour toute aide.
    Cordialement
    François Hamonno

    Reply to this message

  • fhamonno

    Additif : j’utilise la version 0.1.1 de sjcycle qui apparait comme sjcycle_v1, et la version 2.1.11 de Spip.

    Reply to this message

  • 3
    Ratafia

    Bonjour,
    Je viens d’installer votre plugin. Je le trouve super.
    Je travaille à rendre mon site responsive. J’aimerais donc supprimer le recadrage horizontale des images et pouvoir leur assigner une mesure en proportion. Pouvez-vous s’il vous plaît m’indiquer le fichier que je dois modifier, merci.

    • Bonjour,
      Je crains que jCycle ne soit pas “responsive” comme on dit, il vaut mieux partir sur une autre solution prévue dès le départ avec cet objectif...

    • jquery cycle2 est maintenant responsive.

      il faudrait le porter en plugin Spip pour faciliter son utilisation pour tous.

    • Bonne nouvelle... je regarde ça...

    Reply to this message

  • 3

    Bonjour,
    J’essaie de faire fonctionner un #modele pour avoir un petit diaporama en page d’accueil (sommaire).
    Site sous SPIP 2.1, squelette Giseh (cisquel, ciparam, charte graphique)
    #insert_head et #insert_head_css sont là (insert_head je ne sais plus où, et insert_head_css dans mon squelettes/ sommaire.html
    Le diaporama dans un article fonctionne très bien, mais pas en page d’accueil (je veux le mettre sous le bandeau, au-dessus des 3 colonnes, donc pas dans un article)
    Si je mets :

    <div id="dsjcycle_diapo">   
    [(#MODELE{sjcycle}{id_sjcycle=2362,width=1000,height=200})]
    </div>

    Les photos s’affichent toutes les unes en dessous des autres...
    J’ai désactivé tous les plugins, rien n’a changé.
    J’ai demandé à “équipement” auteur de Giseh qui ne trouve rien à redire...
    J’ai vu que la même erreur s’était produite, mais je n’ai pas vu la solution....
    Quelqu’un peut-il me susurrer ce que j’oublie, ou fais de travers?
    Pour info avec le plugin nivoslider je n’ai que l’affichage de la dernière photo......

    Merci d’avance.

    Marc.
    dans sommaire

    • Je mets le code du modèle dans squelette/sommaire.html

    • Bonjour,
      lorsque “Les photos s’affichent toutes les unes en dessous des autres...”, c’est certainement un problème de js, il doit y avoir un soucis... on peut avoir une url ?

    • Il faut semble-t-il désactiver la médiabox ! (sur SPIP 3.0.16)
      J’avais le même phénomène.

    Reply to this message

  • 2

    Bonjour,

    J’ai une petite question à vous poser :

    Comment mettre les images en POURCENTAGE et non en PIXELS ?
    car quand on écrit dans les articles, les images sont en Pixels et non en pourcentage de l’écran.

    prenons un exemple, SI je colle le code suivant :
    <sjcycle117|btn_precedent=1|btn_suivant=1|width=100%position="center">

    Les images n’auront pas une largeur de 100% de l’écran (auront une taille très réduite et ne s’adapteront pas à la largeur de l’écran)

    Merci.

    • <sjcycle117|btn_precedent=1|btn_suivant=1|width=100%|position="center">

    • Salut, ce n’est pas prévu par le plugin. Comme indiqué dans la doc si présente :

      - width : largeur en pixels des images recadrées
      -  height : hauteur en pixels des images recadrées

      Vu que les images sont recadrées on ne peut pas leur passer une taille en %..

    Reply to this message

  • 8

    Bonjour merci pour ce plugin.
    Avec le thème Einsteiniumist
    il marche bien dans l’interface privé
    mais les images sont l’une au dessus de l’autre dans la partie publique... une idée ?

    • Salut, certainement un problème avec un des css de ce thèmes qui doit à mon avis appliquer un reset un des règles bien trop fortes qui dégradent jQuery Cycle.

      Si tu nous donnes l’url de ton site et de la page on l’on peut observer le problème on devrait pouvoir t’en dire plus ;)

      ++

    • Une question déjà posée à plusieurs reprises (j’ai lu tout le forum)... J’ai le même problème. Le diaporama que je veux mettre en page d’accueil fonctionne dans la partie privée mais pas dans la partie publique où les images se positionnent les unes en dessous des autres.
      Je suis en local donc pas d’URL à fournir. Tous mes réglages ont été vérifiés et sont OK. C’est le même résultat que j’intègre l’appel au modèle dans le squelette ou dans un article.
      Je n’ai pas le même thème que ivandps mais j’ai aussi un reset.css. Si c’est ça qui est en cause quelqu’un a-t-il réussi à régler le problème ?
      Merci de votre aide...

    • salut,
      Est-ce que ça marche mieux sans aucun thème, sur le squelettes-dist ?
      Quel est ce reset.css exactement ? Si c’est ça il y sûrement une solution, on va trouver...

    • Merci et bien vu Chan ! Je n’avais pas pensé à revenir à la dist... Eh bien ça fonctionne parfaitement dans le squelette article de la dist mais pas dans le sommaire.
      Dans mes squelettes à moi ça ne fonctionne ni dans l’article ni dans le sommaire.
      Ce n’est donc pas un problème de Js ou de version mais plutôt d’écriture des squelettes ou de reset.
      Le reset est celui du jeu de squelettes Exibit :

      /* RESET */
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, font, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;

      :focus
      outline: 0;

      ol, ul
      list-style: none;

      table
      border-collapse: separate;
      border-spacing: 0;

      caption, th, td
      text-align: left;
      font-weight: normal;

      blockquote:before, blockquote:after,
      q:before, q:after
      content: “”;

      blockquote, q
      quotes: “” “”;

      table
      border-collapse: separate;
      border-spacing: 0;

      caption, th, td
      text-align: left;
      font-weight: normal;

      blockquote:before, blockquote:after,
      q:before, q:after
      content: “”;

      blockquote, q
      quotes: “” “”;

      .clearclear:both

      Je précise que dans la page sommaire, mon diaporama est appelé par un include.
      Je continue à creuser par là...

    • c’est peut-être plutôt dans les styles, il faudrait analyser les styles hérités par les images du diaporama et leurs conteneurs...

    • J’ai trouvé !!
      Dans mon inc_head, la balise #INSERT_HEAD était placée avant l’appel des scripts.
      Une grosse étourderie de ma part donc mais qui rendra peut-être service à d’autres.
      Merci Chan pour ton aide décisive (sans le test sur les squelettes de la dist je ne suis pas sûre que j’aurais trouvé !).

    • inc_head, la balise #INSERT_HEAD était placée avant l’appel des scripts

      est-ce valable pour le squelette de zdist qui fait tourner Einsteiniumist ?

    • bonjour,
      zdist non modifié ne comporte pas d’erreur de ce genre : il faut peut-être essayer sans le thème ?
      Enlever l’un ou l’autre change quelque chose ?

    Reply to this message

  • 3

    Super plugin que j’utilise sur de nombreux sites.
    J’y ai ajouté un bouton pause/reprise, ça peut peut-être aider certains que je poste mon code :

    Dans un fichier custom.js

            $('#pause').click(function() { 
                    $('.dsjcycle').cycle('pause');
                    $('#pause').hide(); 
                    $('#reprise').show();
            });
            $('#reprise').click(function() { 
                $('.dsjcycle').cycle('resume'); 
                    $('#reprise').hide();
                    $('#pause').show();
            });

    Dans mon squelette

     <a href="#" title="Pause"><img src="#CHEMIN{img/pause.png}"  alt="Pause" id="pause" /></a>  
    <a href="#" title="Reprise"><img src="#CHEMIN{img/reprise.png}"  alt="Reprise" id="reprise" /></a>  

    Dans ma feuille de style

    div#slideshow img#pause {
            position: absolute;
            top:340px;
            left: 447px;
            z-index: 22;
    }
    div#slideshow img#reprise {
            position: absolute;
            top:340px;
            left: 447px;
            z-index: 21;
    }

    Et puis voilà : un bouton qui change d’aspect pause/lecture et une fonction bien pratique quand on a besoin de temps pour regarder une image.

    • salut

      Très bonne option !

      le fichier custom.js, tu le places à quel niveau dans tes dossiers ?

      Tu aurais un exemple en ligne ?

      merci

    • Bonjour,
      Le fichier custom.js, je le range dans un dossier js dans squelettes et j’y mets mes petites options persos. Et je l’appelle dans le fichier inclure/head.html :

      [<script src="(#CHEMIN{js/custom.js})" type="text/javascript"></script>]

      Par contre, pas encore de visualisation possible : le site est en finalisation. Sortie prévue dans quelques jours.

    • Hey ! Le site est en ligne, et donc ma petite fonction pause désormais visible ici : http://www.nh83.fr/

    Reply to this message

  • 3

    Bonjour

    J’ai une question qui peut paraître simple mais ça ne marche pas et je tourne en rond depuis 1 h...

    Je souhaite modifier le modèle sjcycle.html qui se trouve dans le plugin dans /modeles/sjcycle.html
    Ne voulant pas écraser mais surcharger :
    -  si je mets ce fichier dans mon propre dossier -> squelettes/modeles -> il n’est pas pris en compte (pas de cache)
    -  si j’écrase le fichier dans le plugin /modeles/ -> il est pris en compte avec mes modif

    J’ai essayé en le mettant à la racine de squelettes, pas mieux.

    Je ne comprends pas pourquoi je n’arrive pas le surcharger... si quelqu’un peut m’aider?
    merci

    • Salut, ta première tentative est la bonne, il faut juste bien vérifier que le chemin est le même ainsi que le nom du fichier, donc : squelettes/modeles/sjcycle.html

      Tu peux vérifier quels squelettes sont uitlisés à l’aide du var_mode=inclure.

      File nous l’url de ton site pour qu’on y jette un œil.

    • Re bonjour

      ok là ça marche, après avoir vidé tous les caches navigateurs.
      Je n’ai pas d’url à montrer, le site est caché pour le moment.

      J’ai un autre problème : sur chrome et safari, le diaporama dans un article me sort des images de format différents : dans mon article j’ai mis
      <sjcycle45|center|legende=1|btn_precedent=1|btn_suivant=1>

      toutes les photos dans l’article 45 ont un format de 500 sur 280. La génération des vignettes est bien activée.
      Si je force en mettant la largeur et hauteur, pareil :
      <sjcycle45|center|width=500|height=280|legende=1|btn_precedent=1|btn_suivant=1>

      J’en ai une avec les bonnes tailles puis les autres sont plus petites (propotionnelles mais plus ou moins petites).

      Quelle peut être la raison ?

    • Impossible de t’en dire plus sans voir la page en question...

    Reply to this message

  • 4

    Bonjour
    J’ai un problème avec jquerycycle 2.2.6
    L’instruction “sjcycleN|center” ne fonctionne pas dans l’article où je l’ai placé. Le diaporama n’est pas centré et est à gauche. Par contre avec “sjcycleN|left” il est à bien à gauche et “sjcycleN|right” il est à droite...
    Y a t il une solution ?
    Merci

    • Salut,

      Ne serait-ce pas le même style de problème que dans le message ci-dessous ?

      http://contrib.spip.net/Plugin-Spip-jQuery-Cycle-pour-Spip-2-1-et-3#forum469189

      Sinon, file nous l’adresse de la page en question qu’on y jette un œil.

      ++

    • Bonjour
      Les caches sont vidés, et je ne sais pas si c’est un problème de css
      Il s’agit de la page de bienvenue d’un site en construction...
      http://gymfabregues.free.fr
      Ci dessous la page “/ecrire/?exec=article_edit&id_article=1” correspondante
      Configuration jQuery Cycle :
      nom de classe css : dscycle ; marge ext : 0 ; largeur bordure : 0
      positionnement : center top ; largeur : 400 ; hauteur 300
      Merci d’avance pour toute suggestion

    • Hop, je me demande si ton problème ne viendrait pas de ta feuille de style http://gymfabregues.free.fr/plugins/sarkaspip_32/css/raz.css qui assigne un margin à 0 pour tes éléments HTML.

      Une solution serait d"ajouter cette règle dans un fichier perso.css afin de centrer le slider sur toutes les pages du site (pas trouvé de classe spécifique sur ta page sommaire afin d’affiner ça) :

      .dsjcycle { margin: 0 auto; }

      ++

    • J’ai créé le fichier perso.css (http://gymfabregues.free.fr/plugins/sarkaspip_32/css/perso.css) contenant la syntaxe que tu m’as indiqué .dsjcycle margin: 0 auto; . Pas d’amélioration. J’ai essayé aussi sans le 0 avec .dsjcycle margin: auto; . Pareil. A tout hasard j’ai essayé en plaçant le fichier perso.css dans le répertoire squelettes_dist/css. Pareil.
      D’autres possibilités?
      Ce problème n’intervient pas pour les images isolées. img1|center fonctionne bien. Je suis un peu perdu...
      A+

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom