Code pour image cliquable

Image Tout ce qui est en rapport avec l'hébergement , codes , sites , blogs etc ...

Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » lun. 16 juin 2014 11:24

Bonjour :triste:

J'ai lancé l'installation du logiciel MapThis et suivi le tutoriel http://www.lehtml.com/htmlplus/mapthis.htm (2 pages)

Tenté sur une seule image mappée (le pilier gauche uniquement le N° I ,le faire pour les XV sans être sûr que ça marche...) de mon ImageMap

Mais bien sûr ça ne marche pas :triste2:

J'ai ce code:

Code : Tout sélectionner

<HTML> 
<BODY>
<CENTER>
<IMG SRC="Espoirs.jpg" USEMAP="#Espoirs" HEIGHT=717 WIDTH=416>
</CENTER>
<MAP NAME="Espoirs">
<AREA SHAPE=RECT COORDS="60,315,120,375" HREF="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=essais-map-1" ALT="Pilier gauche">
</MAP>
</BODY> 
</HTML>
Que j'ai collé dans un module du portail en désactivant les BBCode et je n'ai rien qui s'affiche, j'ai tenté en supprimant les balises HTML et BODY mais c'est pareil

Ne comprennant pas très bien le principe j'ai hébergé ensuite l'ImageMap sur @EdW: http://images.empreintesduweb.com/1402904244.jpg.html

Puis j'ai remplie la ligne: Default URL
Image

J'ai eu ce code ensuite:

Code : Tout sélectionner

<HTML> 
<BODY>
<CENTER>
<IMG SRC="Espoirs.jpg" USEMAP="#Espoirs" HEIGHT=717 WIDTH=416>
</CENTER>
<MAP NAME="Espoirs">
<AREA SHAPE=RECT COORDS="60,315,120,375" HREF="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=essais-map-1" ALT="Pilier gauche">
<AREA SHAPE=default HREF="http://images.empreintesduweb.com/1402904244.jpg.html">
</MAP>
</BODY> 
</HTML>
J'ai à nouveau copié ce code dans un module avec puis sans les balises BODY et HTML

Toujours rien... :grrr:

Si quelqu'un a une idée :kiss1:

:vivepa:


Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » lun. 16 juin 2014 17:22

:mouh:

J'ai fais les modifs du fichier *.html obtenu avec Map This comme indiqué sur le site laissé en lien par Steh http://fr.openclassrooms.com/informatiq ... 5q5wXbiscU à partir de :
Et les normes W3C ?

Eh oui, MapThis ne respecte malheureusement pas les normes W3C. Il va donc falloir modifier quelque peu le fichier.
Ouvrez votre fichier avec votre éditeur html, vous obtenez un code de ce genre :
Mais rien n'y a fait... :stupid:

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11080
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

Message par Steph » lun. 16 juin 2014 20:55

Dans ton cas il faut indiquer l'URL complète de l'image

Code : Tout sélectionner

<CENTER>
<IMG SRC="http://images.empreintesduweb.com/originale/1402904244.jpg" USEMAP="#Espoirs">
</CENTER>
<MAP NAME="Espoirs">
<AREA SHAPE=RECT COORDS="60,315,120,375" HREF="http://forum-rugby-asm-jeunes.latortuedefelix.fr/page.php?p=essais-map-1" ALT="Pilier gauche">
</MAP>
SRC="Espoirs.jpg" suppose que l'image se trouve au même niveau que l'endroit ou est la page il faut un truc du genre de SRC="http://images.empreintesduweb.com/origi ... 904244.jpg"


Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » lun. 16 juin 2014 23:08

Yes, :vivepa: :kiss1:

Qu'est ce que t'es fort :respect: respect voir en bas du portail http://forum-rugby-asm-jeunes.latortued ... portal.php et cliquez sur le I :n°1:

Je vais donc continuer mon "Mappage" de l'image et te tiendrais au courant pour un eventuel BBCode associé à cette image

Merci beaucoup encore une fois :kiss1: :vivepa:

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11080
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

Message par Steph » mar. 17 juin 2014 00:43

Simple déduction :cool:


Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » mar. 17 juin 2014 08:13

Bonjour :clin:

En même temps que je continue mon "mappage" de l'image j'aurais encore quelques petites interrogations :meuh:
  • Que penses tu (vous) de cette image: Perso elle me déplaît pas (et je pense que vais rester avec cette image pour cette saison passée) mais pensez vous que l'on peut faire mieux et cela vaut il le coup de faire demande de création graphique pour la saison prochaine (2014 - 15) :?:
  • Je pense, de toute manière, la refaire en espaçant un peu plus les "area" car pour dessiner les rectangles de lien j'ai peur d'être un peu juste sur la place que j'ai dans la configuration actuelle
  • Comment faire et quel code inclure dans la ligne de code de chaque "area"pour que le nom de de la zone cliquable apparaisse au survol de celle ci :?:
Merci encore

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11080
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

Message par Steph » mar. 17 juin 2014 09:59

Salut,

1. C'est une image représentative de l'emplacement de l'équipe donc elle a toute sa place à voir ce que tu souhaiterais apporter comme amélioration, mais elle est très bien.
2. Faut faire des essais peut être avec des cercles ?
3. Je pense qu'en ajoutant un title="TITRE" dans la balise "area" devrait fonctionner (comme pour "alt")


Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » mar. 17 juin 2014 10:47

Yes http://forum-rugby-asm-jeunes.latortued ... portal.php
Steph a écrit : 3. Je pense qu'en ajoutant un title="TITRE" dans la balise "area" devrait fonctionner (comme pour "alt")
Ça fonctionne :vivepa: :kiss1:

Je l'ai mise horyzontale, qu'en penses tu :?:

Merci Merci

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11080
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Code pour image cliquable

Message par Steph » mar. 17 juin 2014 11:00

C'est bizarre à l'horizontale, mais c'est peut-être à cause de l'habitude ou parce que les numéros et les maillots sont dans l'autre sens


Auteur du sujet
ancien Ninja

Code pour image cliquable

Message par ancien Ninja » mar. 17 juin 2014 11:48

Oui c'est vrai mais en même temps ça prend moins de place sur le portail... hmmmm

Je vais la refaire à nouveau: A l’horizontale mais avec les N° de maillots tournés de 90° et je verrais

Je vais faire aussi mes pages statiques de lien :danse:

Merci pour cet avis :clin: :vivepa:

Répondre

Retourner vers « Support Webmastering »