Images cliquables sur un site ?

Fermé
Guy72 Messages postés 907 Date d'inscription dimanche 18 novembre 2007 Statut Membre Dernière intervention 26 avril 2024 - Modifié par Guy72 le 13/09/2016 à 19:39
 Utilisateur anonyme - 6 nov. 2016 à 21:01
Bonjour,
J'ai un site, et j'essaye quelques trucs.
J'utilise "Kompozer".
J'ai posé une question, à propos d'image cliquable.
sur le fond de ma page html, J'ai une image comme ci-dessous :

Je souhaite remplir les petits carrés avec des images en couleur comme ci-dessous :

Mais ces images maintenant font parties de la grande, mais ne sont pas cliquables.

Que dois-je faire pour pour mettre des images cliquable sur la grande aux endroits précis.
J'ai eu une réponse de "Kompozer", mais je ne pas comment faire.
Voici la réponse
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.

Avez-vous une idée ?
Si oui, je suis preneur.
Merci de votre aide







Cordialement
Guy
A voir également:

5 réponses

jeanbi Messages postés 15118 Date d'inscription samedi 9 décembre 2006 Statut Contributeur Dernière intervention 6 février 2023 2 177
13 sept. 2016 à 19:41
bonjour,
c'est simple il faut utiliser the gimp pour realiser cela
https://www.youtube.com/watch?v=GPf4o97cX20
a+
0
Guy72 Messages postés 907 Date d'inscription dimanche 18 novembre 2007 Statut Membre Dernière intervention 26 avril 2024 21
13 sept. 2016 à 20:43
Bonsoir,
Merci de ton aide, je regarde ça
0
Guy72 Messages postés 907 Date d'inscription dimanche 18 novembre 2007 Statut Membre Dernière intervention 26 avril 2024 21
17 sept. 2016 à 15:44
Bonjour,
Je n'ai pas réussi
0
jeanbi Messages postés 15118 Date d'inscription samedi 9 décembre 2006 Statut Contributeur Dernière intervention 6 février 2023 2 177
17 sept. 2016 à 15:57
Bonjour
Comment ça j'ai pas réussi ??
a+
0
Guy72 Messages postés 907 Date d'inscription dimanche 18 novembre 2007 Statut Membre Dernière intervention 26 avril 2024 21
17 sept. 2016 à 16:26
Bonjour,
Je travail sur "Kompzer" .
Faire des images cliquables, pas de problème, je sais faire.
Mais ce que je ne sais pas faire, c'est mettre ces images cliquable sur une autre image.
Voir l'exemple suivant :
1) Ma page est un fond bleu.
2) Dessus, j'ai une image (la station)

Les petites images qui sont en dessous de l'image de la station sont cliquables et déplaçables, mais que horizontalement.
Mais, ce que je souhaiterais, c'est pouvoir mettre ces images par dessus les images grise de la station.

Voici le code de ma page (essai) :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Essais Guy</title>
</head>
<body style="color: white; background-color: rgb(0, 51, 153);"
alink="#33cc00" link="yellow" vlink="#ff0000">
<div style="text-align: center; height: 612px;">
<h1>Météo</h1>
<img style="width: 794px; height: 520px;" alt="Essai station"
src="Essai.png"><br>
<img style="width: 24px; height: 24px;" alt="Terre"
src="../../GraphWeather/Stylesheets/Wmr200/Terre.png">   
           <img
style="width: 24px; height: 24px;" alt="Pluie"
src="../../GraphWeather/Stylesheets/Wmr200/Pluie_Station.png">  
            <img
style="width: 24px; height: 23px;" alt="Soleil"
src="../../GraphWeather/Stylesheets/Wmr200/Soleil%20Station.png">  
            <img
style="width: 26px; height: 26px;" alt="Horloge"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Horloge_Station.png"> 
             <img
style="width: 14px; height: 22px;" alt="Humidité"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Humidite.png">
                <img
style="width: 10px; height: 24px;" alt="Temperature"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Thermom%C3%A8tre%20Station.png">  
            <img
style="width: 28px; height: 20px;" alt="Vent"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Vent.png">
              <img
style="width: 21px; height: 25px;" alt="Graphique"
src="file:///F:/Meteo/Meteo_Clopiniere/Essais/Graphique.png"><br>
<br>
</div>
</body>
</html>


Vois-tu ce que je veux dire, car du mal à expliquer vraiment ce que je veux :)

https://www.sfr.fr/fermeture-des-pages-perso.html
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
6 nov. 2016 à 21:01
Bonjour,
Avant toute chose :
Ouvre ton image avec Gimp et duplique-la pour ne pas perdre l'originale. Si ton image est en .jpeg, tu dois ajouter un canal alpha avant toute manipulation en cliquant droit sur le calque de ton image et "ajouter un canal alpha".
Enlève les petites icônes grises avec l'outil de sélection rectangulaire et Édition + Effacer. Prends l'outil Pipette et récupère la couleur de fond et remplis la zone que tu viens d'effacer.
Ouvre toutes tes petites icônes en tant que calques et dispose-les comme tu veux. Enregistre et donne un nouveau nom à ton image.
Enlève celle qu'il y avait dans Kompozer et remplace par celle que tu viens de créer.
Rends ces icônes cliquables. (Vu que tu as dit savoir le faire avec Kompozer).

0