Image cliquable

Plus d'informations
il y a 1 mois 1 semaine #2407 par ndubau
Image cliquable a été créé par ndubau
Bonsoir Lomart
Mon projet est d'avoir une image cliquable en 3 zones pour afficher 3 pdf
C'est fort de discussion sur le forum joomla que j'ai tenté ce qui suit :
- utiliser le site www.image-map.net/ pour depuis une image définir les zones et le lien du fichier pdf de chacune
- après je me suis inspiré de votre syntaxe pour le code à insérer dans la page joomla. Sans doute est-il erroné !
Je le mets en pj et vous prie de me dire sur quoi agir ?
Avec remerciements
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 6 jours #2408 par lomart
Réponse de lomart sur le sujet Image cliquable
Bonjour,
Vous avez copié tout le code de www.image-map.net , il faut prendre uniquement les lignes <area target ... Celles surlignées en jaune dans la démo

La prochaine fois, copiez votre code directement plutôt qu'une pièce jointe en rtf
 

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 6 jours - il y a 1 mois 6 jours #2409 par ndubau
Réponse de ndubau sur le sujet Image cliquable
Merci de votre précision.
Voici le code inséré dans une page 
Code:
{up imagemap=[url=http://pep83.org/images/pep2024/Chantemerle/chant2.png}]http://pep83.org/images/pep2024/Chantemerle/chant2.png[/url]   [area target="_blank" alt="Présentation du centre" title="Présentation du centre" href="http://pep83.org/images/pep2024/Chantemerle/pr_centre_2.pdf" coords="131,224,317,151,327,450,233,490" shape="poly"]   [area target="_blank" alt="Séjour Nature" title="Séjour Nature" href="http://pep83.org/images/pep2024/Chantemerle/sejour_nature.pdf" coords="" shape="poly"]   [area target="_blank" alt="Classe de neige" title="Classe de neige" href="http://pep83.org/images/pep2024/Chantemerle/classe_de_neige.pdf" coords="594,154,782,216,693,496,500,435" shape="poly"] {/up imagemap}

L'image espérée n'apparaît dans cette page ( pep83.org/102 ) (en dessous un autre code up affiche bien...)
Dernière édition: il y a 1 mois 6 jours par lomart.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 6 jours #2410 par lomart
Réponse de lomart sur le sujet Image cliquable
Vous avez ajouté du code inutile comme la balise URL.
Voici le code corrigé :
Code:
{up imagemap=http://pep83.org/images/pep2024/Chantemerle/chant2.png} [area target="_blank" alt="Présentation du centre" title="Présentation du centre" href="http://pep83.org/images/pep2024/Chantemerle/pr_centre_2.pdf" coords="131,224,317,151,327,450,233,490" shape="poly"] [area target="_blank" alt="Séjour Nature" title="Séjour Nature" href="http://pep83.org/images/pep2024/Chantemerle/sejour_nature.pdf" coords="" shape="poly"] [area target="_blank" alt="Classe de neige" title="Classe de neige" href="http://pep83.org/images/pep2024/Chantemerle/classe_de_neige.pdf" coords="594,154,782,216,693,496,500,435" shape="poly"] {/up imagemap}
Il manque les coords pour la deuxième zone
 

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 6 jours #2411 par ndubau
Réponse de ndubau sur le sujet Image cliquable
Copié votre code, collé dans la page et complété par les coordonnées mais toujours pas d'affichage
Code:
{up imagemap=[url]http://pep83.org/images/pep2024/Chantemerle/chant2.png}[/url][area target="_blank" alt="Présentation du centre" title="Présentation du centre" href="http://pep83.org/images/pep2024/Chantemerle/pr_centre_2.pdf" coords="131,224,317,151,327,450,233,490" shape="poly"][area target="_blank" alt="Séjour Nature" title="Séjour Nature" href="http://pep83.org/images/pep2024/Chantemerle/sejour_nature.pdf" coords="542,136,543,232,481,429,339,430,345,130" shape="poly"][area target="_blank" alt="Classe de neige" title="Classe de neige" href="http://pep83.org/images/pep2024/Chantemerle/classe_de_neige.pdf" coords="594,154,782,216,693,496,500,435" shape="poly"]{/up imagemap}

 

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 5 jours #2412 par lomart
Réponse de lomart sur le sujet Image cliquable
Avec le dernier code en retirant la balise [URL] ça marche très bien sur mon site de test
Regardez les erreurs possibles sur cette page up.lomart.fr/infos/memo-redacteur#les-erreurs-frequentes [/url]

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena