Bonsoir,
Voici un petit tuto sur le script d'une image réactive ...
D'abord qu'est ce qu'une image réactive ?
Une image réactive est une image divisée en plusieurs zones pointant vers différents documents. Prenons en exemple la carte d'une région affichant les départements qui la compose. Vous pouvez diviser cette carte en plusieurs zone (une par département). Ces zones vous enverrons par un lien vers une autre page du site (détail du département).
[Source : http://www.chez.com/xav59/reactive.html]
Donc en premier lieu vous créer votre image avec les différents boutons, ou vous le taites faire pâr un graphiste.
Une fois l'image créée, vous devez l'héberger.
Vous ouvrez le bloc notes de votre ordinateur et vous coller le code suivant :
Les coordonnées de vos différents boutons (J, K, L, M)
Sont les suivantes :
- Haut gauche de votre bouton : J, K
- Bas droit de votre bouton : L, M
Il suffit de placer votre curseur sur le dessin dans un logiciel de graphisme et vous verrez les coordonnées en bas de votre écran.
Vous remplacer les lien 1,2,3, ... Par les liens de direction ou vous souhaitez arriver en cliquant dessus.
Donc rien de tel qu'un exemple ....
C'est une aide que j'ai réalisé sur le FDF :
Vous pouvez tester les boutons ils fonctionnent ...
Voilà j'espère avoir été assez clair
Si vous avez des questions ... J'y répondrais
Cordialement
Olivier
Voici un petit tuto sur le script d'une image réactive ...
D'abord qu'est ce qu'une image réactive ?
Une image réactive est une image divisée en plusieurs zones pointant vers différents documents. Prenons en exemple la carte d'une région affichant les départements qui la compose. Vous pouvez diviser cette carte en plusieurs zone (une par département). Ces zones vous enverrons par un lien vers une autre page du site (détail du département).
[Source : http://www.chez.com/xav59/reactive.html]
Donc en premier lieu vous créer votre image avec les différents boutons, ou vous le taites faire pâr un graphiste.
Une fois l'image créée, vous devez l'héberger.
Vous ouvrez le bloc notes de votre ordinateur et vous coller le code suivant :
- Code:
<CENTER><IMG SRC="Lien de votre image" USEMAP="#map">
<MAP NAME="map">
<AREA SHAPE=RECT COORDS="J, K, L, M" href="Lien1">
<AREA SHAPE=RECT COORDS="J, K, L, M" href="Lien 2">
<AREA SHAPE=RECT COORDS="J, K, L, M" href="Lien 3">
<AREA SHAPE=RECT COORDS="J, K, L, M" href="Lien 4">
<AREA SHAPE=RECT COORDS="J, K, L, M" href="Lien 5">
</CENTER>
Les coordonnées de vos différents boutons (J, K, L, M)
Sont les suivantes :
- Haut gauche de votre bouton : J, K
- Bas droit de votre bouton : L, M
Il suffit de placer votre curseur sur le dessin dans un logiciel de graphisme et vous verrez les coordonnées en bas de votre écran.
Vous remplacer les lien 1,2,3, ... Par les liens de direction ou vous souhaitez arriver en cliquant dessus.
Donc rien de tel qu'un exemple ....
C'est une aide que j'ai réalisé sur le FDF :
Vous pouvez tester les boutons ils fonctionnent ...
Voilà j'espère avoir été assez clair
Si vous avez des questions ... J'y répondrais
Cordialement
Olivier
08/03/11, 05:12 pm par Auron30
» cali
08/03/11, 05:00 pm par Auron30
» Apprendre le PHP
08/03/11, 05:00 pm par Auron30
» Hamorya
26/09/10, 12:14 pm par Auron30
» Me Voilou :DD
26/09/10, 12:13 pm par Auron30
» programe tv
16/05/10, 09:58 am par Auron30
» playlist, mp3, vidèos, slide show
16/05/10, 09:56 am par Auron30
» bonjour
29/01/10, 01:38 am par Auron30
» Je me présente à vous.
24/10/09, 10:36 pm par Auron30
» Les anniversaires
28/08/09, 05:50 pm par Auron30
» A-Z-Web devellopement
22/07/09, 08:46 pm par Auron30
» Bonjour
05/07/09, 06:56 pm par Auron30
» Netwee
05/07/09, 06:53 pm par Auron30
» hacker, cracker etc .....
05/07/09, 06:50 pm par Auron30
» Blackats
12/05/09, 06:55 am par Auron30
» ¤ Défoulez-vous ! Faut rigoler ! ¤
12/05/09, 06:51 am par Auron30
» Avast
03/05/09, 01:02 am par Auron30
» Google
02/05/09, 04:31 pm par Auron30
» Présentation Cyrano
02/05/09, 11:37 am par Auron30
» bibi
29/04/09, 11:04 pm par Auron30
» BSB
26/04/09, 01:31 am par Mario
» presentation
26/04/09, 01:28 am par Mario
» ma presentation
26/04/09, 01:15 am par Mario
» ProgVal
26/04/09, 01:13 am par Mario
» Philippe arrive !
26/04/09, 01:11 am par Mario
» Cursed
14/04/09, 02:05 am par Prof TNJ
» Nofear
14/04/09, 12:07 am par Mario
» Image réactive
17/03/09, 12:52 pm par Auron30
» Demande svp é__è
06/03/09, 09:00 pm par Auron30
» votre site sur bcp d annuaires
06/03/09, 08:55 pm par Auron30