> Tous les forums > Forum Forum des Webmasters
 Partie d'une image cliquable
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
guitare131
  Posté le 29/10/2017 @ 09:23 
Aller en bas de la page 
Petit astucien

Bonjour,

Sur la home page de certains sites, il y a une belle image de présentation et à l'intérieur de cette image il y a une petit rectangle où c'est écrit "inscrivez vous".

Quand je passe la souris sur ce rectangle "inscrivez vous", je m'aperçois que c'est cliquable.
Mais seule cette partie de l'image est cliquable, tout le reste non.

Comment faire cela?

Est ce qu'il existe un code pour définir qu'à tel endroit de l'image, ça devient cliquable où est-ce la superposition de 2 images.

Dans ce dernier cas, quel balise html utiliser pour placer la petite image cliquable dans la grande image?

Merci.

Publicité
Dreamer
 Posté le 29/10/2017 à 11:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Il te suffit de mettre un lien sur ton image ..

Exemple

[code]<a href="http://monsite/mapage.html"><img src="http://monsite/image.jpg"></a>[/code]

A+



Modifié par Dreamer le 29/10/2017 11:18
Malcolm
 Posté le 29/10/2017 à 12:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

Salut,

dans ce que dit dreamer, toute l'image est cliquable.

Si tu ne veux qu'une portion d'image, il faut utiliser une balise <map> html et mettre un usemap sur l'image.Voir ici pour un exemple : https://openclassrooms.com/courses/images-mappees-et-liens-hypergraphiques

guitare131
 Posté le 30/10/2017 à 22:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci à vous jvais regarder ça!

lauraJH
 Posté le 24/11/2017 à 06:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

t'es sûr que le petit rectangle cliquable dont tu parles, c'est une image ? ... perso je suis pas sûr... (donc il n'y a pas deux images)

Le lien "inscrivez vous" c'est peut etre du texte, sur un fond rempli en style CSS. (text-decoration-style)

autre possibilité: le webmaster a peut etre fait une découpe CSS de l'image sous photoshop (ou autre), dans ce cas, ca se fait avec un logiciel... Et non pas une simple balise html.

https://www.youtube.com/watch?v=se6t_C09h-w

faudrait que tu nous montre l'exemple d'un site, on pourrait mieux te dire comme il a fait...

BOB DE BRETAGNE
 Posté le 24/11/2017 à 21:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour les astucien.nes

sur ce modèle assez simple on positionne sur une image, pour l'exemple une carte avec des liens divers:

voir ici

le script:

<body>

<p>Cliquez sur les villes:<br>-Paris<br>-Marseille<br>-Bordeaux<br><br>et sur:<br> -PCastuces</p>

<img src="carte_de_france.jpg" width="559" height="629" alt="carte de france" usemap="#cartemap">

<map name="cartemap">

<area shape="circle" coords="300,150,20" alt="Paris" href="paris.html"> <!-- cords => position L. H. Diamètre circle -->

<area shape="circle" coords="450,500,20" alt="Marseille" href="marseille.html">

<area shape="circle" coords="170,410,20" alt="Bordeaux" href="bordeaux.html">

<area shape="circle" coords="170,50,20" alt="PCastuces" href="https://forum.pcastuces.com/">

</map>

</body>



Modifié par BOB DE BRETAGNE le 24/11/2017 21:28
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Sujets relatifs
Problème avec mon image cliquable
Le nom d'une image cliquable
area shape image cliquable
Image cliquable dans Overblog
image cliquable dans PC ASTUCEs
mettre un lien sur une partie d'une image
liens dans une partie de l'image
Lien sur une image cliquable ? RESOLU
Insérer compteur dans partie privée
CSS - Problème avec image et zoom
Plus de sujets relatifs à Partie d''une image cliquable
 > Tous les forums > Forum Forum des Webmasters