Image cliptable sur site

Besoin d'aide pour réaliser une image ?
L'aide pour l'utilisation de PhotoFiltre afin de créer une image.

Modérateur : Modérateurs

Règles du forum
:idea: Forum d'aide à la réalisation graphique.
:idea: Merci de consulter la documentation de PF Studio, et de lire cette information, pour vous orienter.
Si vous êtes débutant, voir Comment me lancer. Votre question a peut-être déjà sa réponse.
Guy85
Régulier(ère)|Régulier|Régulière
Régulier(ère)|Régulier|Régulière
Messages : 123
Inscription : 20 nov. 2010 19:17
Version de PhotoFiltre : PhotoFiltre Studio 10.9.2
Système d'exploitation : Windows 10
Localisation : France (Vendée)
Contact :

Image cliptable sur site

Message 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
infomamy
Régulier(ère)|Régulier|Régulière
Régulier(ère)|Régulier|Régulière
Messages : 483
Inscription : 27 juin 2005 14:24
Version de PhotoFiltre : 7.2.1 +PFS 10.12.1
Système d'exploitation : Windows 10
Localisation : Normandie
Contact :

Re: Image cliptable sur site

Message par infomamy »

Bonjour

Avec PhotoFiltre on peut utiliser le Plugin Fractionnement HTML

Un tuto : http://www.bricabracinfo.fr/Telechargt/f17_9_fractionnement_pf.pdf
Cordialement
Image
Guy85
Régulier(ère)|Régulier|Régulière
Régulier(ère)|Régulier|Régulière
Messages : 123
Inscription : 20 nov. 2010 19:17
Version de PhotoFiltre : PhotoFiltre Studio 10.9.2
Système d'exploitation : Windows 10
Localisation : France (Vendée)
Contact :

Re: Image cliptable sur site

Message par Guy85 »

Bonjour,
C'est pas ça, merci quand même de ton aide.
Cordialement
infomamy
Régulier(ère)|Régulier|Régulière
Régulier(ère)|Régulier|Régulière
Messages : 483
Inscription : 27 juin 2005 14:24
Version de PhotoFiltre : 7.2.1 +PFS 10.12.1
Système d'exploitation : Windows 10
Localisation : Normandie
Contact :

Re: Image cliptable sur site

Message 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
Cordialement
Image
Tom
Administrateur(trice)|Administrateur|Administratrice
Administrateur(trice)|Administrateur|Administratrice
Messages : 13191
Inscription : 02 févr. 2005 9:35
Contact :

Re: Image cliptable sur site

Message 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. :)
Bien plus facile avec PhotoFiltre. Cordialement.
. . Image . . Image
Répondre