Faire un lien dans une image
Suan
Messages postés
79
Statut
Membre
-
Suan Messages postés 79 Statut Membre -
Suan Messages postés 79 Statut Membre -
Bonjour,
J'ai crée avec un logiciel de dessin une barre de navigation (comme ce que vous voyez en haut avec "accueil", "astuces" etc...). Le problème c'est que ça fait un seul block, c'est assez tordu et j'ai fait aucun lien donc si je fait un lien img évidemment j'aurai qu'un seul lien.
Alors voilà, exite-t-il une méthode pour transformer un morceau de l'image et pas l'image entière en lien ?
Ou suis-je obligé de découper l'image ?
Merci !
J'ai crée avec un logiciel de dessin une barre de navigation (comme ce que vous voyez en haut avec "accueil", "astuces" etc...). Le problème c'est que ça fait un seul block, c'est assez tordu et j'ai fait aucun lien donc si je fait un lien img évidemment j'aurai qu'un seul lien.
Alors voilà, exite-t-il une méthode pour transformer un morceau de l'image et pas l'image entière en lien ?
Ou suis-je obligé de découper l'image ?
Merci !
A voir également:
- Faire un lien dans une image
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Légender une image - Guide
14 réponses
Tu peux faire ça avec les "map" en (x)HTML.
Mais je te conseil de faire un vrai découpage en XHTML/CSS, avec des motifs qui peuvent se répéter.
Tu dois avoir deux images ayant une largeur de 1px : une pour l'état "normal" et une pour l'état "survolé".
Si tu veux des exemples :
https://css.developpez.com/galerie/?page=menus-horizontaux#barre-navigation
Mais je te conseil de faire un vrai découpage en XHTML/CSS, avec des motifs qui peuvent se répéter.
Tu dois avoir deux images ayant une largeur de 1px : une pour l'état "normal" et une pour l'état "survolé".
Si tu veux des exemples :
https://css.developpez.com/galerie/?page=menus-horizontaux#barre-navigation
" Et savez vous comment faire par exemple pour que les lettres du nom de mon groupe disparaissent quand on clique dessus pour laisser place à la présentation du groupe ? Où faut-il utiliser le flash ? "C'est possible en Javascript, inutile de sortir Flash.
Pour les maps, utilise plutôt ce site :
https://www.image-maps.com/
C'est, comme je l'ai déjà dit, faisable en JS.
Et quand c'est faisable en JS, autant éviter le Flash (qui est lourd, propriétaire, mal référencé, qui n'est pas un standard du Web et qui nécessite un plugin).
Pour l'effet de déroulement, on peut le faire avec des frameworks comme JQuery.
Je vais te coder un exemple.
Et quand c'est faisable en JS, autant éviter le Flash (qui est lourd, propriétaire, mal référencé, qui n'est pas un standard du Web et qui nécessite un plugin).
Pour l'effet de déroulement, on peut le faire avec des frameworks comme JQuery.
Je vais te coder un exemple.
À mettre dans l'entête de ta page (entre <head> et </head>) :
Et le code HTML :
Tu n'as que "Guitariste" et "Blabla" à changer.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".presentation div").hide(); $(".presentation h3 a").click(function() { var div = $(this).parent().parent().children('div'); if(div.is(':visible')) div.slideUp("fast"); else div.slideDown("fast"); return false; }); }); </script>
Et le code HTML :
<div class="presentation"> <h3><a href="#">Guitariste</a></h3> <div> Blabla </div> </div>
Tu n'as que "Guitariste" et "Blabla" à changer.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Par contre maintenant est-ce qu'il est possible de combiner les maps et ce script de déroulement, afin que lorsque je clique sur le guitariste de la photo sa présentation se mette à dérouler ? Et comment faire pour que le déroulement ne se produise que lorsque la souris passe par dessus, sans lien ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci pour cette réponse rapide, mais le découpage risque de s'avérer compliqué car ma barre ne navigation n'est pas un rectangle, en fait comme c'est pour mon groupe de rock c'est un mot sur un fond où on voit le groupe et je voudrais que lorsque que l'internaute clique par exemple sur un membre du groupe il accède à la page du membre du groupe.
Par contre ça m'intéresse l'histoire d'état normal et survolé, j'ai jamais compris comment ça marchait.
Et savez vous comment faire par exemple pour que les lettres du nom de mon groupe disparaissent quand on clique dessus pour laisser place à la présentation du groupe ? Où faut-il utiliser le flash ?
Parce qu'après je me demandais étant donné que la page présentation est situées sur une autre page comment faire pour qu'elle apparaisse ainsi sur la même page sans utiliser de frame ?
Par contre pour les map j'ai essayé avec openoffice mais qu'en j'exporte en html ça marche pas !
Merci !
Par contre ça m'intéresse l'histoire d'état normal et survolé, j'ai jamais compris comment ça marchait.
Et savez vous comment faire par exemple pour que les lettres du nom de mon groupe disparaissent quand on clique dessus pour laisser place à la présentation du groupe ? Où faut-il utiliser le flash ?
Parce qu'après je me demandais étant donné que la page présentation est situées sur une autre page comment faire pour qu'elle apparaisse ainsi sur la même page sans utiliser de frame ?
Par contre pour les map j'ai essayé avec openoffice mais qu'en j'exporte en html ça marche pas !
Merci !
Ok merci beaucoup pour le lien !
Et sinon pour faire disparaitre le nom du groupe quand on clique dessus et faire apparaître le contenu d'une autre page sans quitter la page et sans utiliser de frame, comment on fait ?
Je ne connais pas javascript donc si vous connaissez un site ou un logiciel...
Merci !!
Et sinon pour faire disparaitre le nom du groupe quand on clique dessus et faire apparaître le contenu d'une autre page sans quitter la page et sans utiliser de frame, comment on fait ?
Je ne connais pas javascript donc si vous connaissez un site ou un logiciel...
Merci !!
Justement, il doit y avoir un script spécial non ?
Ou alors c'est que des fonctions compliquées de 80000 lignes qu'il faut inventer soi-même ?
Ou alors c'est que des fonctions compliquées de 80000 lignes qu'il faut inventer soi-même ?
Ce que tu cherches à faire, c'est que quand on clique sur un texte, il soit remplacer par un autre ? Si ce n'est que ça, c'est faisable en même pas une dizaine de lignes ...
Non pas vraiment... En fait c'est assez proche du flash...
Bah je voudrais juste que quand on clique par exemple sur le guitariste,
sa présentation apparaisse, de préférence avec un effet de déroulement, quelque chose comme ça avec le fond qui s'allonge pour s'adapter à la taille de la présentation...
Bah je voudrais juste que quand on clique par exemple sur le guitariste,
sa présentation apparaisse, de préférence avec un effet de déroulement, quelque chose comme ça avec le fond qui s'allonge pour s'adapter à la taille de la présentation...
