Comment gérez-vous l'insertion d'images dans vos docs ?

Bonsoir,

En tant que freelance, je fais de mon mieux pour fournir à mon client un outil qui soit facile à prendre en main et qui permette des mises à jour sans casse-tête.

Pour le coup, c’est donc moi qui me casse la tête et depuis quelques jours, ma préocupation est de permettre à mon client d’ajouter une image dans un article, contenant par ailleurs du texte, ainsi qu’un zoom sur cette image (idéalement avec lightbox puisque je l’utilise dans la galerie).

Et je viens à peine de trouver une solution avec TinyMCE

1- J’insère mon image (vignette) avec TinyMCE
2- Je crée un lien sur mon image vers une image plus grand format (initialement, j’étais embêtée car quand on crée un lien depuis TinyMCE, on est automatiquement redirigé vers le dossier /files/ et je voulais, logiquement, stocker mes images dans le dossier /images/ mais passons...
3- dans l’onglet advanced lors de l’ajout du lien, on peut sélectionner "Relationship page to target" = Lightbox... et là, ce fut la révélation. Je n’avais pas vu que c’était possible avant ce soir

Voilà, je pense avoir trouver une solution pas trop compliquée à mettre en oeuvre et j’aurai souhaité savoir comment vous procédez de votre côté ? Avez-vous une solution encore mieux ?

J’ai bien pensé utiliser MaxiGallery aussi mais les images ne sont pas forcément les unes en dessous des autres dans l’article. Il peut y avoir 2 paragraphes de texte, une image... puis encore du texte, etc et l’architecture de MaxiGallery n’aurait pas permis de faire ce que je souhaite.

’jour

N’ayant pas fait de "livraison" de travail à partir de MODx, je ne peux pas t’être d’un grand secours (d’autant plus que tu es bien mieux calée que moi)
néanmoins ayant fait des livraisons sur des bases un poil plus "pure HTML" et ayant eu la chance de bosser pour un organisme qui utilisait firefox, je leur ai fait adotper "BBCode"
BBCode n’est (actuellement) pas porté pour firefox 2.0... du coup, moi j’ai du basculer sous BBCodeXtra qui fonctionne à peu prés pareil :
* Ce sont des modules complémentaires pour firefox
* ils marchent en français
* ils permettent d’un clic droit (dans une page web) de mettre des tag BBCode ou des tag HTML et même des tag XHTML.

pour transformer une vignette en lien vers l’image, il suffit de
copier l’adresse de l’image (sur son hébergement)
surligner la vignette
faire un clic droit menu BBCode/presse-papier/la selection en URL

Le problème avec MODx c’est que c’est soit Tiny soit BBCode (sinon les tag seront strippés par tiny) du coup ça devient un poil lourdingue vu qu’il faut basculer en mode "aucun éditeur" retrouver le tag <img src="vignette"/> dans une (grosse) page pas formattée.

Je suis sur qu’avec MODx tu arrivera à faire plus sexy ... et mon post pourra (seulement / éventuellement) servir à vous faire connaitre ces compléments à firefox.

Ah tiens, je ne connaissais pas cela, merci Piwaille ...

@Perrine :

Effectivement, c’est un problème relativement fréquent et je pense qu’il y a plusieurs moyens de parvenir à tes fins.

Cela dit, ta logique semble être la bonne car ton document n’est pas structurable.

Il faudra donc un minimum de compétences à l’éditeur pour créer ce type de lien. Néanmoins, ce qui s’avère problématique dans ce type de pratique, c’est que le rédacteur doit transférer deux images sur le serveur avant d’appeler celles-ci. Or, il serait techniquement possible de générer directement la vignette à la volée, à partir du seul fichier "grand format" (je pense par exemple au snippet thumb).

Cela dit, je ne connais pas de contributions ou de tutoriel allant dans ce sens... Et si c’est le cas, je suis bien entendu interressé !:D

BB Code Extra est très bien (je l’utilise pour les forums depuis plus d’un an), mais c’est une extension FireFox donc ça veut dire qu’il faut que ton client utilise FireFox, ce qui n’est pas toujours évident (et pas toujours possible). Qui plus est, ça n’est pas WYSIWYG et ça ne règle pas le problème du processus de mise en ligne des images comme le dit Perrine.

J’ai la même problématique que toi Perrine et je suis encore en train de voir quelle démarche serait la meilleure mais je pense que celle que tu as choisie est la seule viable (en l’état actuel). Je pense que même un éditeur peu technique peut sans problème réussir à utiliser la méthode de Perrine, à condition de documenter pas à pas avec capture (ou, en vidéo ce que je fais de plus en plus).

Une composante additionnelle est à prendre en compte : le redimensionnement auto des images (je n’ai pas encore testé le plugin ImgResizer ni le snippet Thumb).

Quote from: davidm at Nov 14, 2006, 03:59 AM

Une composante additionnelle est à prendre en compte : le redimensionnement auto des images (je n’ai pas encore testé le plugin ImgResizer ni le snippet Thumb).

Je dois aussi tester cette solution mais j’avais peur d’avoir à demander au client de faire un appel de snippet... En revanche, je viens de relire et ImgResizer est un plugin : à tester donc !

Par contre je crois qu’ImgResizer ne dépend ni de GD ni d’ImageMagick, mais par contre qu’il ne redimensionne qu’à UNE taille prédéfinie... à vérifier

Le probleme avec l’appel au snippet c’est que l’on perd la visualisation dans l’éditeur wysiwyg, ce qui empêche un contrôle du client en amont lors d’une mise à jour de la page par exemple. L’idéal serait donc de créer une option supplémentaire pour l’éditeur wysiwyg permettant de générer la vignette à partir d’un fichier sélectionné. Ca sent l’Ajax tout cela...

Ce serait l’idéal oui !

Mais un autre moyen est de recourir à des TV si on sait qu’on a un nombre d’image pré-déterminé à insérer dans la page en question...

Je viens de tester ImgResizer et cela ne fonctionne pas (l’image n’est pas redimenssionée)... Comme il semble que j’ai certains dysfonctionnements sur mon install, je vais en rester là . Dans tous les cas, le plugin n’aurait pas répondu à ma problématique car il ne fait que redimensionner et ne propose pas de liens direct vers l’image.

(La fonctionnalité thumbnail était vraiment géniale dans txp... sais-tu si quelque chose de similaire est prévu dans MODx, David ?)

Le snippet thumb est vraiment très sympa... mais ne répond pas non plus à mes contraintes.

Merci pour vos réponses

Je regarderai comment c’est fait dans txp, et je m’essaierai peut-être à porter ça sur MODx