A-Z-web forum d'entraide informatique



Rejoignez le forum, c’est rapide et facile

A-Z-web forum d'entraide informatique

A-Z-web forum d'entraide informatique

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
A-Z-web forum d'entraide informatique

Connexion

Récupérer mon mot de passe

Qui est en ligne ?

Il y a en tout 3 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 3 Invités :: 1 Moteur de recherche

Aucun


[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 48 le 10/08/22, 08:46 pm

Statistiques

Nos membres ont posté un total de 2937 messages dans 462 sujets

Nous avons 225 membres enregistrés

L'utilisateur enregistré le plus récent est john013

Mots-clés

Derniers sujets

» Présentation de Caline
Image réactive Empty08/03/11, 05:12 pm par Auron30

» cali
Image réactive Empty08/03/11, 05:00 pm par Auron30

» Apprendre le PHP
Image réactive Empty08/03/11, 05:00 pm par Auron30

» Hamorya
Image réactive Empty26/09/10, 12:14 pm par Auron30

» Me Voilou :DD
Image réactive Empty26/09/10, 12:13 pm par Auron30

» programe tv
Image réactive Empty16/05/10, 09:58 am par Auron30

» playlist, mp3, vidèos, slide show
Image réactive Empty16/05/10, 09:56 am par Auron30

» bonjour
Image réactive Empty29/01/10, 01:38 am par Auron30

» Je me présente à vous.
Image réactive Empty24/10/09, 10:36 pm par Auron30

» Les anniversaires
Image réactive Empty28/08/09, 05:50 pm par Auron30

» A-Z-Web devellopement
Image réactive Empty22/07/09, 08:46 pm par Auron30

» Bonjour
Image réactive Empty05/07/09, 06:56 pm par Auron30

» Netwee
Image réactive Empty05/07/09, 06:53 pm par Auron30

» hacker, cracker etc .....
Image réactive Empty05/07/09, 06:50 pm par Auron30

» Blackats
Image réactive Empty12/05/09, 06:55 am par Auron30

» ¤ Défoulez-vous ! Faut rigoler ! ¤
Image réactive Empty12/05/09, 06:51 am par Auron30

» Avast
Image réactive Empty03/05/09, 01:02 am par Auron30

» Google
Image réactive Empty02/05/09, 04:31 pm par Auron30

» Présentation Cyrano
Image réactive Empty02/05/09, 11:37 am par Auron30

» bibi
Image réactive Empty29/04/09, 11:04 pm par Auron30

» BSB
Image réactive Empty26/04/09, 01:31 am par Mario

» presentation
Image réactive Empty26/04/09, 01:28 am par Mario

» ma presentation
Image réactive Empty26/04/09, 01:15 am par Mario

» ProgVal
Image réactive Empty26/04/09, 01:13 am par Mario

» Philippe arrive !
Image réactive Empty26/04/09, 01:11 am par Mario

» Cursed
Image réactive Empty14/04/09, 02:05 am par Prof TNJ

» Nofear
Image réactive Empty14/04/09, 12:07 am par Mario

» Image réactive
Image réactive Empty17/03/09, 12:52 pm par Auron30

» Demande svp é__è
Image réactive Empty06/03/09, 09:00 pm par Auron30

» votre site sur bcp d annuaires
Image réactive Empty06/03/09, 08:55 pm par Auron30

Sondage

quel logiciel utilisez-vous?

 
 
 
 
 

Voir les résultats

Flux RSS


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 
Le deal à ne pas rater :
Elden Ring Shadow Of The Erdtree édition Collector : où le ...
Voir le deal

4 participants

    Image réactive

    Olivier
    Olivier
    # A-Z-actif #
    #  A-Z-actif #


    Nombre de messages : 18
    Age : 52
    Localisation : Liège - Belgique
    Emploi/loisirs : Admin de forum
    Humeur : Adepte de la politesse
    Date d'inscription : 23/08/2008

    astuce Image réactive

    Message par Olivier 26/08/08, 12:43 am

    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 :
    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
    Mario
    Mario
    # Membre A-Z #
    #  Membre A-Z #


    Nombre de messages : 207
    Age : 43
    Localisation : Par ici et par là...
    Date d'inscription : 24/04/2008

    astuce Re: Image réactive

    Message par Mario 26/08/08, 06:47 pm

    C'est super sympa merci Olivier Image réactive 679853
    BSB
    BSB
    new
    new


    Nombre de messages : 2
    Age : 38
    Localisation : lyon
    Date d'inscription : 12/03/2009

    astuce Re: Image réactive

    Message par BSB 12/03/09, 01:12 pm

    Bonjour j'ai essayer ça ne marche pas ça me donne une croix rouge dans un cadre.
    Auron30
    Auron30
    Admin
    Admin


    Nombre de messages : 236
    Age : 44
    Localisation : Galaxy far, far away
    Date d'inscription : 01/06/2008

    astuce Re: Image réactive

    Message par Auron30 14/03/09, 12:41 am

    Avez vous suivi toutes les instructions?
    Olivier
    Olivier
    # A-Z-actif #
    #  A-Z-actif #


    Nombre de messages : 18
    Age : 52
    Localisation : Liège - Belgique
    Emploi/loisirs : Admin de forum
    Humeur : Adepte de la politesse
    Date d'inscription : 23/08/2008

    astuce Re: Image réactive

    Message par Olivier 17/03/09, 12:22 am

    BSB a écrit:Bonjour j'ai essayer ça ne marche pas ça me donne une croix rouge dans un cadre.

    C'est surement un bug de l'hébergeur d'image
    Auron30
    Auron30
    Admin
    Admin


    Nombre de messages : 236
    Age : 44
    Localisation : Galaxy far, far away
    Date d'inscription : 01/06/2008

    astuce Re: Image réactive

    Message par Auron30 17/03/09, 12:52 pm

    Ex. via ServImg, ou d'autres qui pourront bugger de temps à autres. Essayez de poster la même image via un autre hébergeur.

    Contenu sponsorisé


    astuce Re: Image réactive

    Message par Contenu sponsorisé


      La date/heure actuelle est 19/03/24, 06:09 am