Code pour image cliquable

Image Tout ce qui est en rapport avec l'hébergement , codes , sites , blogs etc ...
Répondre
     
Avatar du membre

Auteur du sujet
ninja
Membre Tranquility
Membre Tranquility
Messages : 1318
Enregistré le : août 2011
Contact :

Code pour image cliquable

Message par ninja » ven. 13 juin 2014 08:55

Bonjour :clin:

Désolé si je ne suis pas dans la bonne section.

Ma demande n'est pas une création d'image mais plutôt une demande d'avis sur un type d'image cliquable et son Code donc... :meuh:

Celle ci: http://www.usm-rugby.fr/equipe1.php

Questions:

Est facilement réalisable :?:
D'après ce que j'ai compris c'est du HTML :?:
Si oui, je dois pouvoir l'intégrer à un module du Portail :?:
En reliant les image cliquables vers une ou des pages statiques ou post dédié (joueur) :?:

Bref pensez vous que ce soit facile à faire et à modifier après (changement de joueur en cours de saison :?:

Merci :vivepa:
Ninja (Anagramme de Janin(e))

Avatar du membre

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

Re: Code pour image cliquable

Message par Steph » ven. 13 juin 2014 09:05

Salut,
Image
Information
-- Topic déplacé par Steph dans le bon forum --
Le code html pour insérer une image plus son lien est

Code : Tout sélectionner

<a href="LE LIEN DE DESTINATION LORS DU CLIC" title="TITRE DU LIEN"><img src="ADRESSE DE L'IMAGE A AFFICHER" alt="TITRE DE L'IMAGE"></a>
Normalement tu peux mettre du code html dans un module du portail sinon voici en bbcode

Code : Tout sélectionner

[url=LE LIEN DE DESTINATION LORS DU CLIC][img]ADRESSE DE L'IMAGE A AFFICHER[/img][/url]

Avatar du membre

Auteur du sujet
ninja
Membre Tranquility
Membre Tranquility
Messages : 1318
Enregistré le : août 2011
Contact :

Code pour image cliquable

Message par ninja » ven. 13 juin 2014 09:46

Merci Steph pour le déplacement :meuh:

OK mais comment faire alors si, comme dans l'exemple, tu as plusieurs petites images (N° des joueurs) cliquables

:meuh: :stupid:
Ninja (Anagramme de Janin(e))

Avatar du membre

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

Re: Code pour image cliquable

Message par Steph » ven. 13 juin 2014 10:45

Là c'est un peu plus compliqué cela s'appelle une image map

Tu trouveras ce qu'il te faut ici mais c'est difficile à déterminer les coordonnées sur l'image donc pour cela il vaut mieux trouver des outils qui génère ce type d'image.

Un outils en ligne ---> http://www.image-maps.com/
De la doc ---> http://fr.openclassrooms.com/informatiq ... 5q5wXbiscU

Avatar du membre

Auteur du sujet
ninja
Membre Tranquility
Membre Tranquility
Messages : 1318
Enregistré le : août 2011
Contact :

Code pour image cliquable

Message par ninja » sam. 14 juin 2014 08:39

Bonjour :clin:

Merci Steph, j'ai bien regardé mais c'est bien compliqué... :stupid: Pour moi

Je n'arrive pas à comprendre où doivent être hébergées les images la Map elle même et les images des liens... hmmmm

Par ailleurs il y des Tutos biens fait sur ce le site en ligne

En cherchant un peu j'ai aussi trouvé ça est ce que quelqu'un en a l'expérience.

Dans le même temps j'ai bidouillé une Image Map:

Image

Mais si mon idée aboutie, il est probable que je demanderais une création graphique :meuh:

:vivepa:
Ninja (Anagramme de Janin(e))

Avatar du membre

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

Re: Code pour image cliquable

Message par Steph » sam. 14 juin 2014 10:56

L'image tu l’héberge ou tu veux cela n'a pas d'incidence, pour les liens c'est en fait un code html contenant des coordonnées comme tu le ferais sur un GPS pour indiquer ou se trouve le lien.

Ce n'est aps une opération des plus simples

Encore un peu de lecture

http://synergeek.fr/une-image-map-en-html-sous-gimp

Avatar du membre

Auteur du sujet
ninja
Membre Tranquility
Membre Tranquility
Messages : 1318
Enregistré le : août 2011
Contact :

Code pour image cliquable

Message par ninja » sam. 14 juin 2014 11:12

:cool:

Sur le lien que tu m'as laissé j'ai aussi trouvé Mapthis

Ici:

Image

Ils indiquent
Un écran de zone [area] apparaît simultanément où vous indiquez le fichier associé à la zone (a.htm).
je suppose que c'est ici que je devrais indiquer le lien vers lequel le "cliquage" sur l'image devrait emmener :?:

Est ce que l'URL d'une page statique sera bon :?: http://forum-rugby-asm-jeunes.latortued ... sais-map-1

:meuh:
Ninja (Anagramme de Janin(e))

Avatar du membre

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

Re: Code pour image cliquable

Message par Steph » sam. 14 juin 2014 11:13

Oui c'est ce que je comprends aussi et normalement une URL statique devrais fonctionner

Avatar du membre

Auteur du sujet
ninja
Membre Tranquility
Membre Tranquility
Messages : 1318
Enregistré le : août 2011
Contact :

Code pour image cliquable

Message par ninja » sam. 14 juin 2014 11:30

Bon... :danse:

Y'a plus qu'à... :meuh:

J'ai téléchargé le soft mais ne peux pas présentement l'installer ni l'utiliser (boulot) et je te tiendrais au courant du résultat

Dernière chose ( http://www.lehtml.com/htmlplus/mapfin.htm ) sur les différents lien ils disent que le fichier HTML obtenu est de cet acabit:

Code : Tout sélectionner

<HTML> 
<BODY>
<CENTER>
<IMG SRC="cubes.gif" USEMAP="#cartons" HEIGHT=121 WIDTH=136>
</CENTER>
<MAP NAME="cartons">
<AREA SHAPE=RECT COORDS="37,9,72,40" HREF="a.htm">
<AREA SHAPE=RECT COORDS="18,46,46,79" HREF="b.htm"> 
<AREA SHAPE=RECT COORDS="61,43,93,78" HREF="c.htm"> 
<AREA SHAPE=RECT COORDS="9,84,36,119" HREF="d.htm">
<AREA SHAPE=RECT COORDS="48,85,77,116" HREF="e.htm">
<AREA SHAPE=RECT COORDS="89,81,123,115" HREF="f.htm"> 
</MAP>
</BODY> 
</HTML>
Penses tu que l'on puisse dans un deuxième temps en faire quelque chose avec les BBCodes :?: car mon Image map est "grande" et j'ai peur que sur mon Portail... :gun:
Ninja (Anagramme de Janin(e))

Avatar du membre

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

Re: Code pour image cliquable

Message par Steph » dim. 15 juin 2014 11:55

En bbcode cela reste possible, mais il faudra en créer plusieurs donc pour gérer ce sera plus difficile que de copier/coller du code html

Répondre
  • Sujets similaires
    Réponses
    Vues
    Dernier message

Retourner vers « Support Webmastering »