Images cliquables sur un site ?
Guy72
Messages postés
973
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
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
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:
- Images cliquables sur un site ?
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
5 réponses
bonjour,
c'est simple il faut utiliser the gimp pour realiser cela
https://www.youtube.com/watch?v=GPf4o97cX20
a+
c'est simple il faut utiliser the gimp pour realiser cela
https://www.youtube.com/watch?v=GPf4o97cX20
a+
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) :
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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).
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).