Page 1 sur 1

Image cliptable sur site

Publié : 13 sept. 2016 15:30
par Guy85
Bonjour,
Sur mon site, j'ai une image:
Image
Sur cette image, je souhaiterais ajouter des petites images comme l'exemple suivant :
Image
Ces petites images sont actuellement collées dessus avec PhotoFiltre, mais elles ne sont pas cliquables je ne peux pas m'en servir pour faire un lien.

Ma question est :
Est-il possible d'avoir ces petites images indépendantes avec un lien, comme le dit la personne du forum de "Kompozer" (mon éditeur de page):
Bonjour,
Gimp ou draw sont des logiciels d'images. (retouche ou création).
Tu ouvres donc ton image (la grande) avec l'un des logiciels cités. La fonction "image map" (zone cliquable) te permet de définir des zones (avec des outils de dessin: rectangle, ellipse, forme libre...) sur ton image, et à assigner un lien par zone ainsi définie.
Puis-je faire la même chose avec PhotoFiltre

Merci de votre aide
Cordialement

Re: Image cliptable sur site

Publié : 13 sept. 2016 21:04
par infomamy
Bonjour

Avec PhotoFiltre on peut utiliser le Plugin Fractionnement HTML

Un tuto : http://www.bricabracinfo.fr/Telechargt/f17_9_fractionnement_pf.pdf

Re: Image cliptable sur site

Publié : 17 sept. 2016 10:52
par Guy85
Bonjour,
C'est pas ça, merci quand même de ton aide.
Cordialement

Re: Image cliptable sur site

Publié : 18 sept. 2016 16:39
par infomamy
Bonjour
C'est pas ça
Pourtant le plugin Fractionnement html permet de "définir des zones sur l'image". Une fois l'image décomposée en plusieurs images et fichiers html correspondant, il suffit de repérer la zone que l'on souhaite cliquable et de lui associer un lien.
Mais en étudiant ton image, effectivement, il est difficile de fractionner l'image pour encadrer exactement tous les boutons que tu souhaitent cliquables. Certains ne sont pas alignés comme il le faudrait pour appliquer cette méthode.
La fonction "image map" (zone cliquable) te permet de définir des zones (avec des outils de dessin: rectangle, ellipse, forme libre...) sur ton image, et à assigner un lien par zone ainsi définie
Dans PhotoFiltre, je ne connais pas la fonction "image map" cependant il est possible de définir une sélection rectangulaire entourant successivement tes boutons. Les coordonnées de la sélection s'affichent dans la barre des taches. (cet affichage se limite à une forme rectangulaire, à ma connaissance)
Il faut alors utiliser les balises <map> <area> et l'attribut coords etc pour créer la zone cliquable dans la page html ... mais cela ne concerne plus PhotoFiltre.

Image

Re: Image cliptable sur site

Publié : 18 sept. 2016 17:46
par Tom
Bonjour,

PhotoFiltre ne comporte pas de fonction Image Map mais on peut très souvent utiliser au mieux le fractionnement html,
comme le propose Infomamy.

Quand on connait un peu Kompozer ou autre logiciel d'édition html de type WYSIWYG, (= Ce que tu vois, tu l'obtiens)
il est plus rapide de positionner chaque imagette en mode "absolu" au dessus du fond et de lui attribuer un lien.

Sinon, nous avons un brillant forumeur qui a pondu un mapper assez sympa qui fonctionne en stand alone :
viewtopic.php?f=19&t=15769&hilit=mapper
multi-zones, multi-formes et générateur de code déjà bien avancé.
Cela permet déjà d'obtenir du code html avec une syntaxe appropriée.

Mais au final, quel que soit l'outil, il faudra souvent mettre les mains dans le cambouis pour ajuster les adresses, absolues ou relatives
dès que l'on déplace un objet d'un dossier. :)