Code pour image cliquable

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

Bonjour

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

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

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...

Si quelqu'un a une idée

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

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:

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"

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

Yes,

Qu'est ce que t'es fort

respect voir en bas du portail http://forum-rugby-asm-jeunes.latortued ... portal.php et cliquez sur le I

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

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

Simple déduction

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

Bonjour

En même temps que je continue mon "mappage" de l'image j'aurais encore quelques petites interrogations

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

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")

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

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

Merci Merci

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

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...

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

Merci pour cet avis

Forum PhpBB-Assistance