Portfolio ImageFlow pour SPIP

© Christian PAULUS. Document créé le 22 août 2008 , mis à jour le 12 octobre 2011.

Quand on a dix pas à faire, neuf font la moitié du chemin. Proverbe chinois

Accueil du site > Outils > Portfolio ImageFlow pour SPIP

Plugin / SPIP 1.9.2d, 2.1.99

Portfolio ImageFlow est un plug-in SPIP qui permet d’afficher un menu déroulant d’images et la sélection de l’une d’elles pour affichage. Les images « vignette » du menu déroulant sont accompagnées d’un effet de reflet. La navigation entre les images peut être réalisée en déplaçant le curseur sur la ligne ou via la roulette de la souris.

Avertissement

Portfolio ImageFlow est un programme libre, vous pouvez le redistribuer et/ou le modifier selon les termes de la Licence Publique Generale GNU publiée par la Free Software Foundation (version 2).

Portfolio ImageFlow est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni explicite ni implicite, y compris les garanties de commercialisation ou d’adaptation dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails.

Portfolio ImageFlow est sous licence GPL/GNU. Ce n’est pas le cas des scripts qui l’accompagnent (Javascript et PHP). Il convient donc de lire les scripts concernés ou consulter les sites de leurs auteurs respectifs.

Les scripts utilisés par Portfolio ImageFlow :
- ImageFlow 0.9, de Finn Rudolph
- Easy Reflections v3, de Richard Davey

Démonstration

Exemple, quelques photographies de Dijon et un symbole graphique avec son fond transparent :

Portfolio Demo portfolio_imageflow

Téléchargement
loading
Dijon, Combe à la serpent Champmol Dijon, détail d'une façade Dijon, bord du canal Image sur fond transparent

Historique

Portfolio ImageFlow a vu le jour suite à une contribution de Stéphane Kus sur Spip-contrib.net. Le squelette SPIP article=0.html fourni avec Portfolio ImageFlow est à l’origine celui de Stéphane.

Pré-requis

- PHP 4.3.2 ou supérieur
- Librairie GD 2.0.1 ou supérieur
- Extension GD pour PHP

Installation

Téléchargez l’archive de portfolio_imageflow sur la zone.

Installez le répertoire décompressé dans votre répertoire plugins. Activez le plug-in via l’interface privée.

Configuration

PNG

Dans la zone privée, cliquez sur l’icône Configuration puis sur l’onglet Portfolio ImageFlow.

Définissez la taille du reflet de votre image et les différentes couleurs et niveaux de transparence. Validez.

Boite de configuration Portfolio ImageFlow {PNG}

Dans l’onglet Fonctions avancées, sélectionnez Générer automatiquement les miniatures des images si vous désirez voir apparaître une vignette de votre image dans le menu déroulant (sinon, c’est l’icône du type de fichier qui apparaitra).

Créer son propre slider

Le slider, c’est ce petit bouton qui se trouve sur la barre horizontale et qui permet de faire défiler les vignettes.

Vous pouvez, via l’interface de configuration, sélectionner un autre slider pour votre portfolio.

Si vous désirez personnaliser le slider, en créer un nouveau, placez votre création dans le répertoire images du plugin. Un slider est un fichier GIF de 14 pixels de large et de haut, dont le nom doit commencer par « slider_ » et porter l’exension « .gif ». Une fois votre slider personnel enregistré dans le dossier images du plugin, retournez sur l’interface de configuration et sélectionnez-le dans la boîte des sliders.

Options complémentaires

D’autres options sont disponibles via l’interface d’administration. Pré charger les images pendant la consultation, animation en fondu enchainé des grandes images. D’autres viendront probablement prochainement, je vous laisse les découvrir.

Créer son portfolio

Rédigez votre article et ajoutez-y vos images en tant que documents joints (et non en tant qu’images). Inutile de lier ces documents dans votre article, SPIP crée automatiquement un portfolio s’il trouve des images jointes en tant que documents.

Donnez un titre à votre image. Ce titre est affiché dans la barre de défilement.

En espace privé, le portfolio apparait sous la boite texte.

Longue description

L’attribut longdesc de la balise HTML img contient la description de l’image telle que vous l’enrichissez dans le champ Description de l’image concernée en espace privé de SPIP.

Depuis la version 1.05 de portfolio_imageflow, un filtre peut être appliqué sur longdesc. Vous en trouverez un exemple dans le squelette article=0.html.

En temps normal, ce champ doit contenir un lien sur une autre page, parfois dans le document lui-même.

Si cette description contient du texte au lieu d’une URL, sa valeur est corrigée pour être conforme avec la norme XHTML.

Ainsi, dans le champ description de votre image, vous pouvez placer au choix :
- Une description longue ;
- Une URL absolu (par ex. : « http://www.quesaco.org/index.php ») ;
- Un lien relatif (par ex. : « ../../rubrique/texte.html ») ;
- Une ancre (par ex. : « #ancredanslapage »).

Dans le cas d’un lien relatif, le filtre vérifie s’il s’agit d’un fichier html ou php. Si vous utilisez les urls propres ($type_urls = "propres"), l’extension est absente. Dans ce cas, vous devez utiliser un lien absolu (commençant par « http:// »).

Les lecteurs d’écran tel que Jaws (Job Access With Speech) sont capables de détecter cet attribut et lire son contenu.

Une longue description peut-être un texte, mais Jaws (ou IE, difficile à savoir) ne saura pas l’interpréter comme tel et le prendra pour une URL, mais il lira le contenu de ce champ avant de proposer la navigation sur cette description (en pressant la touche « Entrée »). En attendant que nos outils sachent reconnaitre proprement les champs CDATA dans l’attribut longdesc, et si vous désirez être pleinement compatible, l’insertion d’une description dans le champ éponyme est déconseillée.

Plus d’information à propos du schéma d’URL sur la RFC2397. Si besoin, vous pouvez également consulter la documentation en français du W3.

Vérifier la présence de longdesc

Pour vérifier la présence de l’attribut longdesc, sous Firefox, click droit sur l’image et demandez les propriétés. Le contenu de longdesc apparait dans le champ « Description ».

Pour les autres navigateurs, il vous faut consulter le code XHTML de la page.

Installer votre squelette

Notez le numéro de la rubrique contenant votre article. Dans l’exemple ci-dessus, c’est la rubrique numéro 123.

Recopiez le squelette article=0.html qui se trouve dans le répertoire du plug-in. Placez votre copie dans votre dossier squelettes ou autre nom de répertoire si vous l’avez spécifié.

Renommez article=0.html en article=123.html. Ainsi, ce squelette sera utilisé pour tous les articles contenus dans la rubrique 123.

Vous voulez mettre en place Portfolio ImageFlow dans un seul article ? Regardez le squelette de cette page (icône squelette en pied de page). Pour cet article, le mot-clé « portfolio » a été attribué à cet article. Le squelette article.html utilisé sur Quesaco.org place automatiquement les balises et le code HTML nécessaire à tout article dont l’un des mots-clés est « portfolio ».

Si vous ne savez pas ce qu’est un squelette SPIP, ou ignorez comment mettre en place des squelettes personnalisés sur votre site, consultez la documentation en ligne sur SPIP. Net « Où placer les fichiers de squelettes ? ».

Filtre image_avec_reflet

Le filtre image_avec_reflet peut être appliqué dans votre squelette SPIP à une image.

Si vous ne savez pas ce qu’est un filtre SPIP, consultez la documentation disponible sur spip.net.

Les paramètres optionnels à transmettre sont, dans l’ordre :

- Texte alternatif ;
- Nom de la balise ;
- Titre de l’image ;
- Description de l’image ou URL sur description
- CSS style
- Teinte du reflet, en hexadécimal
- Couleur de fond ;
- Hauteur en pourcentage du reflet ;
- Largeur finale.

Dans l’exemple ci-dessous, seul l’attribut ‘src’ sera complété :

[(#LOGO_DOCUMENT||image_avec_reflet{})]

Dans l’exemple ci-dessous, le titre est placé dans les attributs ‘alt’ et ‘title’, la description dans ‘longdesc’, le lien permettant l’affichage interactif dans ‘name’ :

[(#LOGO_DOCUMENT||image_avec_reflet{
        [(#TITRE|couper{80}|texte_backend)]
        , [(#URL_DOCUMENT)]
        , [(#TITRE|couper{80}|texte_backend)]
        , [(#DESCRIPTIF)]
        })]

Les paramètres complémentaires sont issus de vos préférences, définies via la page de configuration du plug-in.

Le squelette article=00.html présent dans le dossier d’ image_avec_reflet illustre l’utilisation de ce filtre.

Le filtre image_avec_reflet utilise la mécanique de cache de SPIP. Ce principe de gestion du cache vous permet de vider le cache des images via l’espace privé.

Le squelette article=0.html. n’utilise pas cette mécanique de cache.

Modèle pour insertion d’une image dans l’article

Un modèle est disponible pour l’insertion d’une image dans l’article. Si vous ne savez pas ce qu’est un modèle SPIP, consulter cet article sur spip.net.

Ajoutez votre image à votre article, en tant qu’image, puis insérez dans votre article le raccourci du style :

<img417|reflet>

Voici quelques exemples :

Insertion classique, centrée dans le texte

''

<img417|reflet|center>

Bordure rouge de 3 pixels d’épaisseur, dégradé inversé

''

<img417|reflet|style=border:3px solid red|fade_start=0%|fade_end=100%|center>

Image agrandie à 200 pixels de large, avec dégradé teinté de bleu

''

<img417|reflet|tint=#00F|width=200|center>

Image réduite à 100 pixels de large, dégradé sur fond jaune

''

<img417|reflet|width=100|bgc=#FF0|center>

Conseil

N’oubliez pas que la construction des images occupe fortement la machine. Ne soyez pas trop gourmand.

Modèle pour insertion d’un portfolio dans l’article

Depuis la version 1.16, vous pouvez insérer un modèle à l’intérieur de votre article, comme cette page le démontre.

Marche à suivre :

1/ Insérez vos images en tant que documents

2/ ajoutez où bon vous semble, dans votre article, à l’édition en espace privé, la balise

<portfolioreflet|center>

Si besoin, précisez la couleur de fond du portfolio. Exemple pour un fond gris :

<portfolioreflet|bgcolor=#ccc|center>

Vous pouvez utiliser les couleurs nommées. Pour en savoir plus sur les couleurs nommées, consultez cet article.

Si besoin, ajouter un titre à votre portfolio. Exemple pour « Enfin des vacances » :

<portfolioreflet|bgcolor=#ccc|titre=Enfin des vacances|center>

Il vous faut ensuite modifier le squelette nécessaire.

Prenez exemple sur les squelettes
- article=000.html
- article=0000.html

Le premier (article=000.html) insère l’en-tête nécessaire pour l’appel des scripts. Il est basé sur article.html de la distribution. Pour appliquer l’effet sur vos portfolios, vous pouvez par exemple créer une rubrique et recopier « article=000.html » dans vos squelettes. Prenez soin de renommez article=000.html en article=123.html si votre rubrique porte le numéro « 123 ».

Le second (article=0000.html) est une variante de article=000.html. Le portfolio en base de page y est supprimé.

Désactiver le plug-in

Portfolio ImageFlow utilise la table SQL spip_meta en y ajoutant un champ pour conserver en mémoire les préférences d’affichage.

Vous pouvez désactiver Portfolio ImageFlow en décochant simplement sa case dans la boite de sélection des plugins. Vos préférences seront conservées.

Pour désinstaller Portfolio ImageFlow, cliquez avant tout sur la petite boite présente dans le champ, puis sur Effacer tout. Vos préférences liées à Portfolio ImageFlow seront supprimées.

Test et validation

Testé et validé pour :
- Firefox 3.0.1 / Windows Vista
- Internet Explorer 7.0 / Windows Vista
- Opera 9.5.1 / Windows Vista

Portfolio

Dijon, Combe à la serpent Champmol Dijon, détail d'une façade Dijon, bord du canal Image sur fond transparent

Documents joints

Plussoyez !

Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 29 août 2008 13:54, par Arnaud Harbonnier

    MAGNIFIQUE CE PLUGIN !!!

    Bonjour,

    félicitation pour ce plugin, j’utilisais auparavant les ingrédients de Stéphane mais j’obtenais des décalages bizarres sur IE7 alors que sur filezilla ça marchait nikel ... pas compris ...

    Toutefois ici c génial ça fctionne avec les deux browsers ...

    Par-contre le défilement horizontal de mes vignettes est bien centré mais la photo en dessous est légèrement décalée vers la gauche ...
    Elle est contre le bord gauche de mon contre.encart. J’ai essayé de jouer avec les css ... margin-left etc mais rien n’y fait ...

    Auriez vous une idée ? comment puis je positionner les vignettes par rapport à l’image d’en dessous ? est-ce possible et comment

    @ bientôt

    @rno
    http://valarep.free.fr

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 29 août 2008 14:50, par Christian

      Regardez le squelette de cette page. J’y ai ajouté le nécessaire.

      C’est juste un “text-align:center” et un “margin 0 auto” à placer aux bons endroits.

      Bon courage.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 31 août 2008 19:44

        Bonsoir,

        j’ai installé le dernier plugin (17) mais tjrs ce décalage (image collée à gauche ds contre encart)

        J’aimerais aussi apprendre ... ou dois-je agir pour modifier la position des vignettes, de l’image en dessous, ... j’ai l’impression que leurs positions sont interdépendantes ...

        à quel endroit les text-align et margin svp ... ds le habillage.css (g déjà essayé mais ... ) ou dans le screen.css (déjà tenté mais ...)

        merci d’avance

        @rno

        http://valarep.free.fr

        En l’occurrence,
        http://valarep.free.fr/spip.php?art...

        Les forums sont fermés.

        • Portfolio ImageFlow pour SPIP 31 août 2008 20:54, par Christian

          C’est la boite qui contient "lightbox" qui doit être centrée. Il faut l’envelopper (par exemple) d’une div qui centre le tout.

          Du style :

          <div style="text-align:center;width:512px">
          <div id="lightbox" style="margin:0 auto">
          <img id="affichage" src="" alt="" title="" longdesc="" />
          </div>
          </div>

          Il y a une squelette qui donne l’exemple, je ne sais plus lequel (pas ça sous la main en ce moment).

          Ou alors, regarde le squelette de cette page, je crois bien avoir forcé le centrage ici.

          PS : ton site est extremement lent. Les images ne semblent pourtant pas très "lourde". C’est juste pour info.

          Les forums sont fermés.

          • Portfolio ImageFlow pour SPIP 1er septembre 2008 06:34
            Ok ! j’essaye ça dès que j’ai deux minutes ! (c’est la reprise aujourd’hui ...) Merci bp de vous etre penché sur mon cas.
            à bientôt
            @rno

            Les forums sont fermés.

          • Portfolio ImageFlow pour SPIP 1er septembre 2008 06:38

            re -

            A quoi peut être due cette lenteur ? tu as une idée ?

            les images sont resizées en 500 par qqch ...

            @rno

            Les forums sont fermés.

            • Portfolio ImageFlow pour SPIP 1er septembre 2008 06:59, par Christian

              Je ne sais plus. Je viens d’y retourner, c’est moins lent. Par contre, je pense qu’il est bon de ne pas trop mettre d’images. Ou alors de prendre conscience du fait que plus on charge d’images, plus longtemps attendra le visiteur. A voir aussi avec le paramètre du plug-in sur le "Précharger les images".

              Il est évident que celui qui recadre et optimise ses images avant de les mettre en place sur son site en sera récompensé.

              Ne pas oublier aussi les vignettes. Pour optimiser, faire générer les vignettes par SPIP à l’importation (exec=config_fonctions). Noter la taille des vignettes (par défaut 150 pixels). Et ne pas redimensionner via le plug-in. Enfin, ça, c’est valable uniquement si beaucoup d’images et/ou connexion lente.

              Quoique....

              Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 30 août 2008 08:51, par Christian
      Finalement, j’ai inséré le code CSS nécessaire dans la version 1.16

      Les forums sont fermés.

  • Problème d’installation 29 août 2008 20:39, par Lisangadeveloppement

    Bonjour.

    Article super et plugin qui donne envie.

    Mais cela ne marche pas chez moi. J’ai installé spip en local avec easy php pour tester, coder avant d’envoyer sur mon site.

    Après avoir copier le plugin [portfolio_imageflow] dans mon répertoire [plugins], activé celui-ci dans la partie administration et utilisé votre page article=00.html en lui redonnant bien la valeur de ma rubrique. Nada….

    Qu’est ce qui ne va pas à votre avis ?

    Apparement rien n’apparaît, car quand j’affiche le code source au niveau du portefolio je ne trouve que ces commentaires :

    Mais entre aucun code alors qu’il s’agit bien de la page article=00.html adpatée.

    Je suis impatient de pouvoir l’utiliser, alors que dois-je faire.

    Configuration - SPIP 1.9.2d – plugin couteau suisse (javascript activé)

    Lisangadeveloppement

    Les forums sont fermés.

    • Problème d’installation 30 août 2008 05:09, par Christian
      Les commentaires ?

      Les forums sont fermés.

      • Problème d’installation 30 août 2008 09:34, par Lisangadeveloppement

        Oups !!!

        Les balises commentaires les voici :

        Et entre les les deux il n’y a rien.

        Lisangadeveloppement

        Les forums sont fermés.

        • Problème d’installation 30 août 2008 10:57, par Christian

          Toujours pas ;-)

          Essayez de mettre le résultat entre <code> et </code>. Ca vient peut être de là ?

          Les forums sont fermés.

          • Problème d’installation 30 août 2008 12:10, par Lisangadeveloppement

            Bon on va y arriver.

            <!-- portfolio imageflow -->

            <!-- fin portfolio imageflow -->

            Donc j’ai bien les balises commentaires et le code n’y figure pas.

            Merci pour votre réponse. Si vous voulez j’active sur mon site un lien pour le voir directement.

            Lisangadeveloppement

            Les forums sont fermés.

            • Problème d’installation 30 août 2008 13:57, par Christian PAULUS

              Ca, ce sont les balises du squelette, pas du code complémentaire qui doit se trouver dans le head.

              Si pas de code signalant portfolio_imageflox dans le head, c’est que le plug-in ne l’active pas. Ou qu’il manque la balise à placer dans le head IMAGEFLOW_INSERT_HEAD

              Voir pour plus de précision les 4 squelettes fournis dans le plug-in.

              Les forums sont fermés.

              • Problème d’installation 30 août 2008 16:41, par Lisangadeveloppement

                Après vérification et utilisation de la dernière version 1.17.

                Toujours rien. J’ai utilisé le fichier article=0000.html pour ce test et rien, nada...

                Donc je vous propose un lien sur mon site pointant sur la rubrique :
                lisangadeveloppement

                J’ai intégré un point de menu nommé Portefolio avec un article “Qu’en pensez-vous ?” pour voir la problématique.

                Merci par avance...

                lisangadeveloppement

                Voir en ligne : Site web Lisangadeveloppement

                Les forums sont fermés.

                • Problème d’installation 31 août 2008 09:45, par Christian PAULUS

                  De ce que je vois :

                  1/ Le plugin est bien installé (trace dans le head)
                  2/ Le squelette est bien installé (trace dans le body)
                  3/ mais le contenu est absent.

                  Les images ont bien été chargées en tant que document, et non en tant qu’image ?

                  Pour s’en assurer, replacer le squelette de la dist. Le portfolio doit apparaître en bas de la page, avec comme sur-titre « Portfolio ».

                  Les forums sont fermés.

                  • Problème d’installation 31 août 2008 14:41, par Lisangadeveloppement

                    Bien merci d’être passé sur mon site.

                    1. Alors, j’ai fait comme tu m’as dit. J’ai pris le fichier article.html du DIST et je l’ai copié sur mon site en article-30.html. Il figure bien.

                    2. J’ai chargé les images en documents joints, car avant je l’avais fait en image. Mais j’ai toujours le même résultat.
                    Les images apparaissent comme des images.

                    Inclusion de la vignette :
                    <doc273|left>
                    <doc273|center>
                    <doc273|right>

                    Inclusion directe :
                    <emb273|left>
                    <emb273|center>
                    <emb273|right>

                    Dans le menu de téléchargement je trouve 2 codes Inclusion de la vignette & Inclusion directe. Lequel de ces 2 codes dont utiliser ?
                    J’ai donc fait un essai avec emb et ensuite doc mais toujours rien. Je deviens fou...
                    Ce qui m’interpelle c’est que ton css n’est même pas pris en compte avant et maintenant .

                    Lisangadeveloppement

                    Voir en ligne : site web Lisangadeveloppement

                    Les forums sont fermés.

                    • Problème d’installation 31 août 2008 16:10, par Christian

                      Si le plug-in est installé et actif, il n’y a pas à insérer ni de img, ni de emb. C’est automatique avec le squelette=0.html.

                      Et si tu veux insérer le portfolio directement dans l’article, lire le paragraphe « Modèle pour insertion d’un portfolio dans l’article ».

                      Allez, courage !

                      Les forums sont fermés.

                      • Problème d’installation 31 août 2008 18:54

                        Ouah !!!

                        Cela marche, j’ai pris le squelette article=0.html et utilisé ce code dans mon article :

                        <portfolioreflet|bgcolor=#ccc|titre=oui|center>

                        Ca y est, il est intégré et merci pour cette magnifique contribution, j’avais à l’époque hésité entre Joomla et spip mais je ne regrette pas spip...

                        Je travaillerai un petit peu plus tard sur le css de mise en page. Je laisse pour l’instant cela comme ça pour permettre à d’autre de saisir la problématique.

                        Par contre je me pose quand même la question. A défaut d’avoir inséré le code ci-dessus, comment cela se fait-il qu’alors que j’avais des documents joints en image et qu’aucun portefolio n’apparaissait ?

                        Lisangadéveloppement

                        Les forums sont fermés.

                        • Info css 7 septembre 2008 15:10

                          Bon apparemment ma question n’était pas fondamentale.

                          Ok, cela marche super bien. Maintenant je souhaite changer la couleur du texte des vignettes qui elles sont en blanc, donc pas très lisibles.

                          - D’autre part, peut-on configurer la taille des vignettes afin qu’elles soient vraiment beaucoup plus petites que dans mon exemple. Car le rapport vignettes / img n’est pas très important.

                          Lisangadeveloppement.

                          Voir en ligne : site web

                          Les forums sont fermés.

                          • Info css 7 septembre 2008 19:53, par Christian PAULUS
                            En ce qui concerne la taille, l’appel par le modèle permet de règler ce problème. Il suffit de préciser la largeur width.

                            Les forums sont fermés.

                            • Info css 7 septembre 2008 22:51

                              OK et merci d’y répondre car ce plugin est vraiment excellent.

                              - Mais que je comprenne bien... L’appel de la largeur ce fait par le width, d’accord mais dans quel répertoire et fichier.

                              - J’ai bien trouvé que la couleur de la font de la légende des vignettes est dans le css imageflow/screen.
                              Mais pour gérer la taille des vignettes indépendamment de la taille des images, mais aussi la largeur totale du portfolio, là je patine. Vous pourrez constater sur mon site que le portfolio est trop large. Le rapport Image / vignette n’est pas très significatif.

                              Donc si vous pouvez me passer l’info ?

                              Merci d’avance.

                              Lisangadeveloppement

                              Les forums sont fermés.

                              • Info css 8 septembre 2008 00:04, par Christian PAULUS

                                En partant du principe de l’appel par modèle :

                                Il faut recopier le modèle dans le répertoire de ses squelettes. Par exemple :

                                squelettes/modeles/portfolioreflet.html

                                Puis modifier le modèle pour la variable width.

                                Par exemple, en ne prenant que l’extrait concernant la balise LOGO_DOCUMENT :

                                [(#LOGO_DOCUMENT||image_avec_reflet{
                                [(#TITRE|couper{80}|texte_backend)]
                                , [(#URL_DOCUMENT)]
                                , [(#TITRE|couper{80}|texte_backend)]
                                , [(#DESCRIPTIF)]
                                })]

                                Pour définir la largeur des vignettes :

                                [(#LOGO_DOCUMENT||image_avec_reflet{
                                [(#TITRE|couper{80}|texte_backend)]
                                , [(#URL_DOCUMENT)]
                                , [(#TITRE|couper{80}|texte_backend)]
                                , [(#DESCRIPTIF)]
                                , margin:0;padding:0;border:0;
                                ,,,,,,300px
                                })]

                                Ici, la largeur de la vignette est fixée à 300 pixels.

                                Voir le fichier « imageflow_fonctions.php » pour plus de précisions sur les paramètres à transmettre. Et surtout dans quel ordre.

                                Les forums sont fermés.

                                • Info css 8 septembre 2008 00:11, par Christian PAULUS
                                  Oops ! La largeur est par défaut en pixels. Donc "300" et non pas "300px".

                                  Les forums sont fermés.

                                  • Info css 8 septembre 2008 12:21

                                    Très bien et merci.

                                    Je n’ai plus qu’à bosser dessus et à vous remercier pour cette chouette contribution...

                                    Lisangadeveloppement

                                    Les forums sont fermés.

                                  • Info css 13 septembre 2008 14:47

                                    Bonjour.

                                    Bien, j’ai appliqué ce que vous m’avez dit et modifié le code dans ma page html...

                                    [(#LOGO_DOCUMENT||image_avec_reflet{
                                    [(#TITRE|couper{80}|texte_backend)]
                                    , [(#URL_DOCUMENT)]
                                    , [(#TITRE|couper{80}|texte_backend)]
                                    , [(#DESCRIPTIF)]
                                    , margin:0;padding:0;border:0;
                                    ,,,,,,300
                                    })]

                                    Mais cela cela ne marche pas car cela m’affiche qu’une page blanche donc cela me plante le tout.

                                    Que faire ?

                                    Lisangadeveloppement

                                    Les forums sont fermés.

                                    • Info css 15 septembre 2008 14:03, par Christian PAULUS

                                      Erreur de ma part. Il faut renseigner les variables sinon le compilateur rejette le squelette (signalé dans spip.log).

                                      Le bon code est (par exemple pour une vignette de 300px de large) :

                                      [(#LOGO_DOCUMENT||image_avec_reflet{
                                      [(#TITRE|couper{80}|texte_backend)]
                                      , [(#URL_DOCUMENT)]
                                      , [(#TITRE|couper{80}|texte_backend)]
                                      , [(#DESCRIPTIF)]
                                      , margin:0;padding:0;border:0
                                      , none , #7F7F7F , 80% , 0% , 50% , 300
                                                                              })]

                                      Ici, complété avec les valeurs par défaut.

                                      Nota : ne fonctionne qu’à partir de la version 1.22 du plug-in. Dans une version antérieure, le js redonne la taille par défaut des images (150px).

                                      Les forums sont fermés.

                              • Info css 9 septembre 2008 06:59, par Christian

                                Pour changer la couleur de la légende des vignettes, il y a plus simple que de modifier le css du plugin.

                                Pour une légende en noir, il suffit de rajouter dans sa propre feuille de style habillage.css par exemple, recopiée dans son squelettes, la ligne :

                                #captions { color:black }

                                Ne pas confondre la légende des vignettes avec celle de l’image projetée.

                                Les forums sont fermés.

                                • Info css 10 septembre 2008 19:21
                                  Super simple merci...

                                  Les forums sont fermés.

  • Lien html sur image ? 31 août 2008 10:41, par coustoulin

    Dis-donc, c’est un beau boulot. je suis nul en programmation et pourtant en très peu de temps, j’ai pigé et installé pas mal de choses (en local). Bravo !

    Une question : comment faire pour ajouter un lien html clickable sur les images ? ce serait vraiment cool.

    Les forums sont fermés.

    • Lien html sur image ? 31 août 2008 12:30, par Christian

      Merci.

      Pour ajouter un lien, il suffit d’envelopper la balise de l’image dans un <a>.

      Mais uniquement pour l’aperçu, pas pour les vignettes. Le javascript attrape l’évènement pour afficher l’image dans sa grande version.

      Exemple, à placer dans le squelette :

      <a href="http://www.quesaco.org">
      <div id="lightbox">
       <img id="affichage" src="" alt="" title="" longdesc="" />
      </div>
      </a>

      Les forums sont fermés.

      • Lien html sur image ? 1er septembre 2008 19:32

        Dans quel squelette ? par exemple pour mon squelette article.hmtl, je n’ai mis que la balise

        #IMAGEFLOW_INSERT_HEAD

        parce que je ne mets l’animation que par insertion dans le corps de l’article, à la demande.

        Je voudrais avoir un lien différent derrière chaque image.

        Les forums sont fermés.

    • Lien html sur image ? 7 septembre 2008 23:37, par Christian PAULUS

      La version 1.19 tente de répondre à cette demande.

      J’espère correctement.

      Les forums sont fermés.

      • Lien html sur image ? 19 avril 2009 15:35, par sissi

        Pour ma part je n’arrive toujours pas à activer un lien différent pour chaque image... Quelqu’un peut-il m’aider ?

        Merci d’avance.

        Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 10 septembre 2008 09:41

    bonjour et bravo pour ce plugin !

    j’ai néanmoins un problème, les vignettes apparaissent mais pas le diaporama qui reste en téléchargement
    problème visible sur cet article par exemple :
    http://www.ac-nice.fr/coudon/cdi/sp...
    je suis sous spip 1.9.2c et ai pris le plugin depuis spip-contrib
    auriez vous une idée ?

    merci d’avance pour votre avis

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 10 septembre 2008 09:51, par Christian

      La dernière version de Portfolio ImageFlow est dispo ici. Le mieux est de retester avec celle-ci et d’utiliser plutot les squelettes 000 ou 0000.

      Ou l’appel direct du modèle dans l’article.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 15 septembre 2008 19:24

        merci beaucoup pour votre réponse, ça fonctionne très bien à présent...
        histoire de résumer : avec un spip 1.9.2c, le plugin dans sa version 1.20, il faut modifier le fichier article.html de son squelette commme indiqué dans l’article de spip-contrib, mais en plus ajouter dans le head le code :

        #IMAGEFLOW_INSERT_HEAD

        si l’on veut utiliser ce diaporama pour tous les articles de son site

        encore une fois merci pour votre travail et vos réponse...

        Les forums sont fermés.

        • Portfolio ImageFlow pour SPIP 1er octobre 2008 09:48, par rico
          Je suis en train d’essayer de remplacer mon portfolio classique par ce plugin qui est trés bien réussi et répond joilement à mon besoin, cependant je bloque un peu, j’ai modifié article.html dans mon squelette en remplacant le code portfolio par celui de l’exemple article00.html, j’obtient une vignette avec reflet en bas de page (comme avec l’ancien portfolio)par contre pas de slider et l’image téléchargement est en boucle. Je n’ai pas de head dans article.html mais un include vers inc-head.html dans mon dossier squelette ou dois je copier #IMAGEFLOW_INSERT_HEAD ? en dessous de (#INSERT_HEAD)avant la balise /head ?
          Merci de m’aider, j’ai tres envie d’en profiter.
          Le site est en cours de dev aussi je préfère ne pas mettre l’url sur la partie publique du forum.

          Les forums sont fermés.

          • Portfolio ImageFlow pour SPIP 1er octobre 2008 18:28, par Christian PAULUS

            Merci,

            En effet, il faut la balise. Consulter et prendre exemple sur le head de article=00.html.

            Les forums sont fermés.

            • Portfolio ImageFlow pour SPIP 3 octobre 2008 15:55
              En effet l’ajout de la balise à résolu mon premier problème, par contre je bloque encore sur d’autres soucis :
              1 / mon défilement de vignettes ne reste pas horizontal, il descend de part et d’autre de l’image centrale en arc de cercle et se retrouve à cheval sur la photo du bas.
              2 /comment reduire l’espace vide entre mon titre "portfolio" et les vignettes.
              3 /comment donner une couleur de fond sur le bloc supérieur imageflow sans englober l’image du bas.
              4/ Comment decaler vers le bas l’image principale sans qu’elle sorte de la page.
              5/ ma vignette centrale n’est pas au centre et l’espace de chaque côté n’est pas le même (elle colle la vignette de gauche).
              6/ mes vignettes à droite sortent du bloc documents portfolio.
              j’ai firebug et webdevelopper mais je n’y arrive pas malgré pas mal d’efforts.
              Je souhaite avoir un portfolio général disponible pour chaque article avec la même apparence.
              Merci de m’éclairer un peu.
              Le lien sur la page :

              Voir en ligne : http://www.haute-saintonge.net/cdch...

              Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 10 septembre 2008 23:41, par Peter

    Sublime !

    Mais faut visiblement finaliser les CSS. Je n’ai pas toujours le même affichage sous IE selon la taille de l’écran. Et tout dépend du nombre d’images. Quand il y en a beaucoup, ça sort du cadre. Doit y avoir une astuce là. Je vais trouver !

    Magnifique. Encore bravo.

    In SPIP we trust !

    Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 15 septembre 2008 20:52, par Viaooo
    Sympa ce plugin. Merci.

    Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 16 septembre 2008 12:17, par joe b CAP
    Bonjour,
    j’utilise en local ce plug in que je trouve très beau, et si sous firefox, google chrome, pas de soucis, sous IE7, le défilement se bloque à la deuxième image, et plus possible d’obtenir une animation après. Une idée ?
    Sinon, j’aimerais mettre une description à droites des grandes images, comment faire ?
    merci beaucoup

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 16 septembre 2008 15:28, par Christian PAULUS

      Merci,

      Je n’arrive pas à reproduire le « bug » sous IE7 (testé sous XP et Vista).

      La roulette ne fait pas défiler les images ?

      Pour ce qui est de la description, elle apparaît sur l’image lors du clic sur l’image projetée. Pour déplacer cette description, il faut ajouter un peu de code dans le « head » du squelette.

      Par exemple :

      #IMAGEFLOW_INSERT_HEAD
      <style type="text/css" media="screen">
      .affichage_legend {left:300px}
      </style>
      </head>

      Bon courage.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 17 septembre 2008 13:53
        merci, je vais essayer la description. Je viens de voir qu’en fait sous IE7, la roulette n’apparît même pas !! Une idée ?

        Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 19 septembre 2008 18:49, par corinne
    Excellent !
    j’aimerai utiliser l’idée pour construire un menu de type dock sur mac, j’ai donc remplacé #LOGO_DOCUMENT par #LOGO_ARTICLE toutefois il demeure trois petits soucis :
    - au survol l’image logo ne s’agrandit pas
    - au clic le logo dans sa taille originale de s’affiche pas
    - et on ne peut accéder à l’article en question ...
    Une idée des modifications à faire pour remédier à tout cela ?
    Merci d’avance
    (posté aussi dans spip-contrib)

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 19 septembre 2008 20:50, par Christian PAULUS

      De ce que je comprends ...

      Un document (ici une image) doit avoir une description pour que cette description soit reprise dans l’image projetée (afin d’activer un lien sur cette image projetée et donc afficher l’image originale avec un clic sur cette même image projetée).

      Or, le logo de l’article n’a pas de champ description. Donc l’URL n’existe pas.

      Si tu veux que la vignette de l’image soit en réalité la vignette de l’article, ici, dans la v.1.22 du plug-in, il te faut définir la vignette de l’image sur le logo de l’article (re-importer le logo).

      Ceci dit, pour ce qui est d’un menu du style dock à la Mac-OS-X, j’ai ça dans les cartons. Pas eu le temps de le transformer en plug-in. Un peu de patience, ou plonger dans le code...

      Bon courage.

      Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 22 septembre 2008 12:22

    Bonjour,

    Il me faut de l’aide je tourne en rond ...
    Le portfolio marche qu’à moitié, c’est-à-dire que les vignettes s’affichent bien mais l’affichage en grand ne s’affiche pas du tout. Je comprends vraiment pas pourquoi.
    Si vous avez un début de solution je veux bien.
    Merci ;)

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 22 septembre 2008 19:32, par Christian PAULUS

      Utiliser Firefox avec son complément indispensable Firebug est un bon début. Ensuite, consulter la console Firebug et corriger.

      Ou peut-être préciser ici le squelette utilisé, voire une url d’exemple. Ce plug-in a de nombreuses options, il est facile de s’y perdre.

      Si l’image projetée (en grand) n’apparaît pas, c’est qu’il manque l’objet ’affichage’ ou qu’il est en double, ou ...

      Allez, courage !

      Les forums sont fermés.

  • Largeur et position 27 septembre 2008 20:41, par rcaron

    Je n’arrive pas à régler l’affichage :
    - trop d’espace entre les vignettes
    - Le portfolio dépasse le bloc de mon article à droite
    - je voudrais réduire l’espace en haut du portfolio

    Et je ne sais pas, je ne trouve pas...

    En tout cas, bravo !

    Les forums sont fermés.

    • Largeur et position 27 septembre 2008 21:00, par Christian PAULUS

      Merci.

      Tout ça me semble réglable par les feuilles de styles (CSS). Il suffit bien souvent de les surcharger.

      Notez les id et class utilisées (*.css dans le répertoire du plug-in) et ajoutez vos préferences dans votre propre feuille de styles (si besoin, utiliser " !important". Un peu long à expliquer ici).

      Mais pas évident. Les résultats dépendent également du contexte global (largeur de la page, du ventre, etc.). Seul la taille des vignettes et gérée en JS, donc impossible à surcharger en CSS (mais possible en JS, via JQuery par exemple).

      Patience et courage.

      Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 13 janvier 2009 20:51, par moune

    bonsoir,

    j’ai intégré le plugin (je suis sous spip 1.9.2) j’ai inséré #IMAGEFLOW_INSERT_HEAD dans le head de article.html, j’utilise imageflow dans plusieurs articles cela fonctionne bien (mise à part quelques réglages) mais voilà j’utilise un autre plugin "menu-deroulant" et lorsque je selctionne un article là c’est l’anarchie dans le menu déroulant (il semblerait que je n’accède plus au css du menu déroulant,) alors que si je remplace #IMAGEFLOW_INSERT_HEAD par #INSERT_HEAD c’est ok pour le menu déroulant mais je n’ai plus image flow il doit y avoir une incompatibilité avez une solution à mon pb. merci

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 14 janvier 2009 07:07, par Christian PAULUS
      Ca peut venir d’un conflit js. Deux fonctions ou deux variables qui ont le même nom.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 19 janvier 2009 00:06, par moumoune
        en fait maintenant cela fonctionne j’avais mal placé le #imageflow insert_head mais cela reste un peu anarchique, en effet : _mon défilement de vignettes ne reste pas horizontal _comment reduire l’espace vide entre mon titre "portfolio" et les vignettes. _l’image principale sans sort de la page.
        mes vignettes à droite sortent du bloc documents portfolio.
        j’utilise portfolio dans un grand nombre d’articles nécessitant la présentation d’une galerie photos
        c’est super mais j’ai de pb de réglages (est ce que c’est le css screen.css qu’il faut modifier ou autre ?
        merci de vos réponses
        cordialement

        Les forums sont fermés.

        • Portfolio ImageFlow pour SPIP 19 janvier 2009 09:10, par Christian PAULUS

          Exact, il faut modifier le css, ou simplement le surcharger.

          Bon courage.

          Les forums sont fermés.

          • Portfolio ImageFlow pour SPIP 19 janvier 2009 09:26, par moumoune
            merci de ta réponse, c’est bien dans screen.css ?
            merci

            Les forums sont fermés.

            • Portfolio ImageFlow pour SPIP 19 janvier 2009 16:48, par Christian PAULUS
              Oui. Et ca peut être dans le dernier fichier .css chargé (éditer le source de la page et prendre le dernier link dans le head). Il suffit alors de surcharger les déclarations css.

              Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 24 janvier 2009 10:38, par Patrick D

    Bonjour,

    J’ai essayé en local (avec easyphp, spip 2.03 et ahunstic) votre plugin qui me plait beaucoup.

    Je voudrais supprimer cette barre blanche qui est sous le slider,(elle est grise chez vous...) et aussi faire remonter les vignettes et les photos vers le haut de la page (pour perdre moins de place en pagination).

    J’ai transformé la screen.css avec succés pour accorder quelques détails, mais je n’arrive pas à trouver comment effectuer les deux opérations décrites plus haut.

    Pour toute réponse ,merci

    Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 29 janvier 2009 08:29, par Christian PAULUS

    Juste une remarque en passant.

    Le data:text/plain de longdesc n’est pas correctement interprété par Jaws 8 (testé avec IE 7 et FFX 3 / WIN).
    Il ignore data:text/plain et considère le contenu de longdesc comme un lien sur une page, propose à l’utilisateur de presser entrée pour ouvrir ce lien de description mais ouvre une nouvelle fenêtre qui apparaît sous la fenête principale (avec erreur 404 tout lisant quand même le texte). L’utilisateur qui veut fermer cette fenêtre a de fortes chances de couper la session.

    Bref, une autre solution est à trouver.

    Les forums sont fermés.

  • mot clé portfolio 1er mars 2009 20:58, par thierrybo

    Bonjour,

    il est sis dans l’article de s’inspirer du squelette de cette page pour voir comment utiliser le plugin uniquement sur les articles sui ont le mot clé portfolio. J’ai cliqué sur le lien et je ne vois pas trop quelle partie du squelette filtre sur ce mot clé.

    Est-ce qu tu peux m’éclairer sur ce sujet ?

    Voir en ligne : thierrybo

    Les forums sont fermés.

    • mot clé portfolio 2 mars 2009 09:25, par Christian PAULUS

      C’est la boucle dans le head :

      [(#REM)
      <!--
              Utiliser portfolio ?
      -->
      ]<BOUCLE_portfolio_head(ARTICLES){id_article}{titre_mot==portfolio}>
      #IMAGEFLOW_INSERT_HEAD
      </BOUCLE_portfolio_head>

      Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 5 mars 2009 19:11

    Bonjour,

    J’ai voulu installer portfolio imageflow mais j’ai un petit pb...

    Mon site tourne sous debian etch, spip 1.92 version php5.
    j’ai fais un apt-get install php5-gd tout s’install...

    une fois dans la fenêtre gestion des plugins un message d’erreur s’affiche :

    Portfolio ImageFlow
    Avertissement Erreur...
    La librairie GD installée est trop ancienne. La version 2.0.1 ou supérieure est nécessaire, et 2.0.28 est fortement recommandée.

    Une modif a faire dans le php.ini ? récupéré un gd.so moins vieux ?

    Merci de votre aide et bravo pour ce site

    Voir en ligne : le bazar a boobi

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 2 avril 2009 16:45, par clement

      Bonjour,

      j’ai la meme erreur pour spip 1.9.2d, j’ai également une erreur si je ne sauvegarde pas de configuration par défaut de ce plugin sur les pages articles sur la partie publique et partie admin.

      La deuxième erreur est résolu en sauvegardant une configuration du plugin.

      En revanche malgré la première erreur j’arrive à afficher sur ma page article l’image de load, mais c’est tout...

      merci pour les idées

      Clément

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 2 avril 2009 18:18, par Christian PAULUS

        La librairie GD est installée en tant que module pour apache/PHP.

        SPIP, quelqu’en soit la version, n’installe pas cette librairie. C’est à vous ou à votre hébergeur de l’installer.

        Bon courage !

        Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 22 mars 2009 15:29, par Patrick

    Bonjour,
    J’ai réussi à modifier l’apparence du plugin, mais je voudrais réduire l’espace entre le slider et le haut des photos, pour gagner de la place, que l’ensemble soit "pleine page".

    D’autre part, comment réduire cette barre blanche qui partage l’écran en 2, et comment lui donner une autre couleur ?

    Voir ICI

    Quel fichier transformer.
    Pour toute réponse, merci

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 23 mars 2009 06:32, par Christian PAULUS

      En général, il suffit de surcharger ses propres feuilles de styles (*.css).

      Merci

      Les forums sont fermés.

  • Bonjour,
    Merci pour tout votre travail

    Je souhaiterais utiliser le plugin Portfolio ImageFlow pour afficher les logos des articles de ma rubrique 4

    J’ai donc modifié le code d’affichage du portfolio dans ma page rubrique=4.html par :

    <div id="images">
    <BOUCLE_logoarticle(ARTICLES){id_rubrique}{logo}>
    [(#LOGO_ARTICLE||image_avec_reflet{
    [(#TITRE|couper{80}|texte_backend)]
    , [(#URL_ARTICLE)]
    , [(#TITRE|couper{80}|texte_backend)]
    , [(#CHAPO)]
    })]               
    </BOUCLE_logoarticle>
    </div>

    dont le résultat est visible sur cette page

    Ma question est :
    Comment afficher le logo article en dessous dans la light-box avec un lien vers l’url article ?

    Cette partie de programme pourrait être ajoutée au plugin sous forme de squelette rubrique=0 sans problème, je suis sur que ce serait utilisé

    Par avance, merci

    Les forums sont fermés.

  • Portfolio ImageFlow - Bug sous IE7 14 avril 2009 14:34, par fchamalo

    Bonjour !

    Bravo pour ce magnifique plugin que je viens d’installer sur le site du service pour lequel je travaille.

    Cependant, il y a un gros bug sous Internet Explorer 7 (avec Firefox et Safari cela marche nickel) : Les vignettes sont super décalées vers la droite de la page et (plus grave) au bout d’un certain nombre de photos cela reste complètement bloqué. Cliquez par ici pour un exemple.

    S’il vous plait aidez-moi rapidement : j’adore ce plugin et je n’aimerais pas me sentir obligé de l’enlever juste parce que ça ne fonctionne pas avec ce p.... de IE7 !!!

    Voir en ligne : Service Municipal de Chennevieres-sur-Marne

    Les forums sont fermés.

    • Portfolio ImageFlow - Bug sous IE7 14 avril 2009 16:19, par Christian PAULUS

      Pour un meilleur résultat - fluidité notamment, il faut :

      1/ installer jQuery 1.2.6 (plus rapide que 1.1.1 fourni avec SPIP 1.9.2). Pour le « comment mettre à jour jQuery », quelques explications sur cette petite note.
      2/ corriger les CSS. Là c’est un plus long, et ça demande du doigté, mais ça marche.

      Ne pas oublier d’optimiser au max les images (png avec pngOptimizer), et ne pas être trop gourmand ;-)

      Bon courage.

      Les forums sont fermés.

      • Portfolio ImageFlow - Bug sous IE7 15 avril 2009 10:44, par fchamalo

        Bonjour et merci pour cette réponse super rapide !

        Toutefois j’ai oublié de préciser que je suis sous SPIP 2.0.5. Je ne sais pas si ça change quelque chose par rapport à la version de jQuery et surtout si la mise à jour se fait de la même manière (suis très débrouillard mais complètement autochtone, si tu vois ce que je veux dire).

        Si je pouvais donc avoir un complément d’infos, je redonne mes config précises

        Version de SPIP : 2.0.5

        Squelette (légèrement modifié manuellement) : Ahuntsic

        Navigateur avec lequel je rencontre un problème : Internet Explorer 7 (sous XP mais je crois savoir que c’est la même sous Vista)

        De plus, j’ai l’impression que tes excellents conseils sont valables pour rendre l’animation plus fluide (et c cool) ainsi que pour régler le problème de léger décalage du slide présent quelque soit le navigateur utilisé, mais je ne suis pas sûr que cela résolve mon problème de VRAI BUG sous IE7. D’autant plus que IE7 semble également poser un soucis (pas le même) avec l’exemple présent sur cette page un peu plus haut (et j’ai remarqué ça aussi sur d’autres sites utilisant ce plugin).

        Dans l’attente d’une réponse à mes interrogations existentielles, merci encore !

        Voir en ligne : Pour un exemple de bug avec des photos plus légères et moins nombreuses

        Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 14 avril 2009 17:00, par Patrick
    Bonjour,
    J’utilise déjà votre plugin avec quelques adaptations ici, avec spip206 mais aussi ici, ce qui ne donne rien, malgré l’absence de squelette, et avec la surcharge "article=0", et ce toujours en spip206.
    Est il possible que cela vienne du serveur ?
    Si oui quelle solution demander à l’hébergeur ?
    Pour toute réponse merci

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 15 avril 2009 11:17, par fchamalo

      Bonjour Patrick !

      Je viens d’aller visiter ton site (sympa - je vois qu’on a les mêmes préférences de squelette ;)) et tu as effectivement le même problème que moi : ton portfolio imageflow est nickel sous Firefox, mais gros bug sous IE7 !!! SVPPPPPPPP

      Voir en ligne : Le mien est par ici

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 16 avril 2009 08:59, par Patrick

        Bonjour,

        J’avais bien sûr visité ton site et reconnu "Ahunstic", par contre, l’autre site ne marche pas non plus sous Mozilla.

        Ce qui me fait dire que c’est un problème de serveur, c’est que sans squelette et avec la surcharge "article=1.html", cela ne marche toujours pas.

        Il est toutefois bien opérationnel en local, et me donne satisfaction.

        Cela donne la même chose que sur le site avec le squelette "Ahusntic".

        Je pense que les vignettes ne sont pas renvoyées correctement.

        Merci pour ton appréciation, et il est agréable de trouver des conseils, mêmes virtuels.

        PS : ton "perso.css" est très réussi, j’aurai surement des conseils à te demander mais ce n’est pas le lieu.
        Bonne journée ensoleillée ;)

        Les forums sont fermés.

        • Portfolio ImageFlow pour SPIP 17 avril 2009 14:34, par fchamalo

          Salut,

          Heu... mon deuxième exemple fonctionnait très bien (en tous cas sous Firefox) : c’est juste qu’entre temps j’ai tenté d’installer le portfolio imageflow de base sans passer par le plugin et en essayer d’autres scripts et bouts de squelette chopés ailleurs.

          Le problème reste donc le même. Et moi je penche plus vers un problème de conflit du imageflow.css . Mais bon, vu ce que je m’y connais...

          En ce qui concerne les conseils pour personnaliser le squelette ahuntsic, je suis à ta disposition : suis trop content de trouver moi-même des interlocuteurs lorsque j’en ai besoin pour refuser un service lorsque c’est dans mes compétences. Et puis je commence à le connaitre par cœur ce p.... de squelette à force de le pratiquer (c’est pas le plus simple). Tu peux me contacter à fchamalo@hotmail.com (fonctionne aussi avec msn).

          ++

          Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 5 août 2009 20:44
    Heu... là je veux bien, mais je ne vois pas l’anim.

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 5 août 2009 20:47, par Christian PAULUS
      Oui, c’est juste un petit souci de libraire gd. Quesaco est sur un vds linux+lenny qui n’a pas la bonne version de gd. Devrait être résolu prochainement.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 17 novembre 2009 07:47, par Christian PAULUS

        Quesaco est maintenant hébergé sur un dédié, avec la dernière version de la librairie GD.

        Les effets reflets sont de retour.

        Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP : Menu 11 août 2009 14:12, par pael

    Bonjour,
    Qui est arrivé à construire un menu comme celui d’apple avec le plugins imageFlow ?

    Cela m’interesse d’avoir quelques tuyaux pour mon site...

    Merci d’avance !!!

    Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 15 septembre 2009 18:25

    Bonjour,

    La demo de votre page ne fonctionne pas chez moi...

    (Firefox IE7/8 et chrome)

    Cordialement

    Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 12 avril 2010 15:54, par Pascal

    Salut,

    Ayant installer la version 2.1 de SPIP hier soir, je teste le téléchargement automatique des plugins et j’ai la bonne surprise de voir votre plugin dans la liste...

    Je le télécharge, l’installe (cela se fait tout seul) et l’active et je vais dans la page de configuration et là AÏE !!

    J’ai un "beau" message : Fatal error : Call to undefined function : plugin_get_infos() in /xxxxx/xxxxx/www/mon_dossier/plugins/auto/portfolio_imageflow/inc/imag­eflow_api_prive.php on line 110

    Auriez-vous une idée du pourquoi ?
    Est-il réellement compatible SPIP 2.1 ?

    Merci d’avance

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 12 avril 2010 16:36, par Christian PAULUS

      Le correctif vient d’être posté sur la zone. Patienter quelquelques heures.

      Merci pour le report.

      Les forums sont fermés.

  • Portfolio ImageFlow pour SPIP 15 août 2010 19:43

    Bonjour,

    J’ai installé votre plugin (en auto) sur spip 2.1.1. Il semble fonctionner, sauf l’affichage des vignettes... Pourtant, gd2 est installé. Voici un exemple :
    http://www.xavierducros.org/Balaito...
    Apparemment il ne les trouve pas (elles existent pourtant)...
    Merci pour votre aide,

    Xavier

    Les forums sont fermés.

    • Portfolio ImageFlow pour SPIP 15 août 2010 22:48, par Christian PAULUS

      Ce plugin n’est pas compatible avec le mode auto. Le chemin des vignettes est erroné. Il suffit d’éditer le source de la page HTML pour s’en apercevoir.

      Exemple :

      <img
      src="plugins/auto/portfolio_imageflow/imageflow/reflect_v3.php?img=../../../IMG/vignettes/bala1.jpg-s.jpg&height=50%25&bgc=none&fade_start=80%25&fade_end=0%25&tint=%237F7F7F&slider=slider_default-14.gif&preloader=non&slideshow=non&active_link=non&active_description=non&active_desc_effets=non&active_alert=non"
      alt=""
      title=""
      name="IMG/jpg/bala1.jpg"
      longdesc="data:text/plain;charset=iso-8859-1,%3Cp%3EBala%EFtous%20%28%E0%20gauche%29%3C%2Fp%3E" />

      L’attribut src précise un chemin plus long d’un répertoire que l’attribut img passé en paramètre (../../../IMG/vignettes/ au lieu de ../../../../IMG/vignettes/)/

      Déplacer le plugin du répertoire plugins/auto/ dans plugins/ devrait régler le problème.

      Sinon, re-installer dans plugins/

      Merci de confirmer.

      Les forums sont fermés.

      • Portfolio ImageFlow pour SPIP 16 août 2010 13:40

        J’ai essayé l’installation manuelle, et effectivement cela fonctionne très bien.

        Merci,

        Xavier

        Les forums sont fermés.

        • Portfolio ImageFlow pour SPIP 18 février 2011 06:55, par Christian PAULUS
          Contrôler dans le code HTML obtenu si les URL des images sont bien là ?

          Les forums sont fermés.

  • Au secours..Portfolio ImageFlow pour SPIP 17 février 2011 21:30, par melkior34

    Bonsoir !

    Je viens de lire tout les commentaires ici et sur spip contrib mais rien a faire !
    J’utilise le squelette sarkaspip3. J’ai installé le plugin imageflow dans le dossier /plugins. J’ai alors insérer le code fournis sur spip contrib (pour que le plugins fonctionne sur tous les articles) dans le article.html du squelette sarkaspip.
    Par contre dans ce article.html il n’y a pas de balise "head" , ou dois je donc insérer #IMAGEFLOW_INSERT_HEAD ???

    Pour le moment voila ce que cela donne ICI
    Téléchargement infini et pas d’affichage du slide...
    Ca fait 2 jours que j’y suis... !

    Merci de venir à mon secours !

    Les forums sont fermés.

    • Au secours..Portfolio ImageFlow pour SPIP 17 février 2011 22:00, par melkior34

      Du nouveau !

      J’ai essayé a la dure !
      Maintenant ca fonctionne avec l’archive imageflox+highslide...
      Bref j’ai intégrer le code comme expliquer sur spip contrib...
      Mais le hic c’est que les image ne s’affichent pas !
      Comment faire ?

      Les forums sont fermés.

      • Au secours..Portfolio ImageFlow pour SPIP 18 février 2011 21:29, par melkior34

        Ca y est ca tourne... Mais je n’arrive pas a afficher des images digne de ce nom en grand !

        J’ai essayé ce qui est dit plus haut par un appel de modèle

        [(#LOGO_DOCUMENT||image_avec_reflet
        [(#TITRE|couper80|texte_backend)]
        , [(#URL_DOCUMENT)]
        , [(#TITRE|couper80|texte_backend)]
        , [(#DESCRIPTIF)]
        , margin:0 ;padding:0 ;border:0
        , none , #7F7F7F , 80% , 0% , 50% , 300
        )]

        que j’ai insérer dans le article de sarkaspip et rien a faire... L’image projeté reste petite comme la vignette !
        Si je règle la taille de la vignette dans réglage avancés, les 2 changent de taille !

        cf la

        Que dois je faire ??? merci

        Les forums sont fermés.

        • Au secours..Portfolio ImageFlow pour SPIP 19 février 2011 17:42, par Christian PAULUS

          Le lien donné part en 404. Page manquante.

          Il faut importer l’image à sa taille finale.

          Dans ce billet, par exemple, pour placer le portfolio au bon endroit, c’est un modèle qui est appelé. Dans le corps de l’article, en back-office, dans la boite d’édition, entre deux paragraphes, la ligne :

          <portfolioreflet|bgcolor=red|titre=Demo portfolio_imageflow|center>

          appelle le modèle portfolioreflet qui met en forme le portfolio.

          A tester : recopier portfolioreflet dans son dossier de squelettes/modeles et l’adapter à ses besoins.

          Les forums sont fermés.