Image avec lien sur une autre image

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateurs : chinon37, Kazé, Ymai, bobo

Répondre
Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Image avec lien sur une autre image

Message par PoppyGuy » 09 sept. 2016, 16:57

Bonjour,
J'ai une image de fond :
Image
Puis plusieurs petites images sur ce fond

Est-il possible d'avoir ces petites images indépendantes avec un lien ?
Merci de votre aide
Cordialement
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Image avec lien sur une autre image

Message par chinon37 » 10 sept. 2016, 18:04

Bonjour,

Oui, c'est possible en passant par un logiciel comme Gimp ou libreoffice draw (pour ce dernier: édition > image map). Pour Gimp, je n'ai plus la procédure mais tu la trouveras sur le net. Le logiciel te génèrera le code pour avoir des zones cliquables. Il suffira d’insérer ce code dans ta page à l'endroit où tu veux voir ton image.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Image avec lien sur une autre image

Message par PoppyGuy » 11 sept. 2016, 10:02

Bonjour,
Je vais regarder.
J'ai du mal à comprendre que je puisse avoir une image par dessus l'image principale, il doit y avoir une position X et Y ...?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Image avec lien sur une autre image

Message par chinon37 » 11 sept. 2016, 15:06

Bonjour,
La réponse que j'ai donné, c'est pour avoir des zones cliquables sur une image: tu définis une zone par petite image, tu mets le lien qui va bien sur chaque zone, et tu mets le code dans ta page. Cela va charger ton image avec les différents liens.
C'est Gimp ou Libreoffice draw qui se charge de générer le code. C'est assez simple à construire.
Mais est ce ce que tu cherches ?
/!\ La photo doit être sur la page et non en image de fond
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Image avec lien sur une autre image

Message par PoppyGuy » 11 sept. 2016, 16:48

Bonjour,
Ce que je recherche exactement:
Dans ma page d'accueil de mon site, j'ai des images, tel que celle-ci:
Image

Les petites images font parti de la la grande, je ne peux pas cliquer dessus (normal).

Je souhaiterais justement avoir sur cette image:
Image
Ajouter les petites images :
Image
Et pouvoir créer un lien (exemple comme pour les boutons):
Image
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Image avec lien sur une autre image

Message par chinon37 » 12 sept. 2016, 10:05

Bonjour,
La méthode que je t'ai donné, c'est justement pour pouvoir cliquer sur les petites images de ton image n°1. Ça consiste à créer une zone sur chaque icone et d'attribuer un lien à cette zone.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Image avec lien sur une autre image

Message par PoppyGuy » 12 sept. 2016, 14:22

Désolé,
Comment "créer une zone par petites images" ?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Image avec lien sur une autre image

Message par chinon37 » 13 sept. 2016, 13:16

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.
Tu trouveras facilement des tutos sur le net.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Image avec lien sur une autre image

Message par PoppyGuy » 14 sept. 2016, 11:06

Bonjour,
Ça ne fonctionne pas, les codes que je vois dans le tutoriel ne fonctionnent pas avec "Kompozer" ?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

https://www.youtube.com/watch?v=MQzhbJNmTW0

atheo
Lézard vert
Messages : 170
Inscription : 03 févr. 2010, 15:45
Localisation : ardennes france

Re: Image avec lien sur une autre image

Message par atheo » 14 sept. 2016, 18:40

Bonjour

Il y a un lustre ou deux, j'avais utilisé un logiciel qui s’appelait Mcc Html Mapper parfaitement accepté par kompozer

Une recherche pour voir si ça existe encore ?

on le trouve encore (framasoft entre autres mais je ne sais ce que ce site de téléchargement vaut...)

Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:47.0) Gecko/20100101 Firefox/47.0

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5308
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Image avec lien sur une autre image

Message par chinon37 » 16 sept. 2016, 13:44

Framasoft est un excellent site pour les logiciels libres
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités