Rechercher : dans
Par :

Zone image cliquable affichant d'autres image

Dernière réponse le 18 jan 2007 à 19:33:07 olivier14, le 18 jan 2007 à 13:09:24 
 Signaler ce message aux modérateurs

Bonjour

je réalise des sites web ressources pour mes élèves, pour présenter un objet technique (exemple : le vélo), je souhaiterai qu'à partir d'une image représentant l'objet dans son ensemble, les élèves aient accès aux détails de système (ex : les freins, le dérailleur etc...). exemple : Un clic sur les freins de l'image du vélo, ferait apparaître sous cet image, 3 images montrant en détail les freins et un texte décrivant le fonctionnement.

si une âme charitable pouvait m'indiquer la marche à suivre.

merci d'avance pour votre participation à l'amélioration de mes cours.

Configuration: Windows XP
Firefox 2.0.0.1

1

_goni, le 18 jan 2007 à 14:24:10

Salut prof,
Alors je ne l'ai jamais mis en place mais je pense qu'en bidouillant un peu, tu devrais réussir en allant prendre les infos sur ces sites http://www.pcastuces.com/pratique/web/scripts/html6.htm, http://www.philgate.com/phil_Web/html3.2/code_map.html.
Tu risque de passer pas mal de temps à bien positionner tes zones cliquables. Bon courage et peux tu me tennir au courant du fonctionnement car je suis intéressé.

Et dire que j'ai jamais aimé l'école ;)

N’oubliez pas de cocher la case quand le problème est résolu­

Répondre à _goni

2

_goni, le 18 jan 2007 à 14:28:26

Je veux juste te prévenir que le deuxième liens que je t'ai fillé est quand même plus complet.

N’oubliez pas de cocher la case quand le problème est résolu­

Répondre à _goni

3

Ssylvainsab, le 18 jan 2007 à 14:36:21

Salut.

Si tu veux une sorte d'animation interactive avec des explications, je te conseille plutôt le flash.
A mon avis c'est ce qu'il y a de plus adapté.

a plus Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

5

olivier14, le 18 jan 2007 à 15:09:59

Bonjour

j'ai déjà utilisé un peu flash, mais pour les modifications, je ne trouve pas ça très pratique. Et mon but est de réaliser des ressources consultables (à terme) à partir du site portail du collège (à faire également avec spip ou autres)

merci

Répondre à olivier14

4

olivier14, le 18 jan 2007 à 15:03:16

Merci pour les liens, je pense que je peux me simplifier la tâche avec gimp->filtres->web->image cliquable, il me permettra d'otenir le code pour les coordonnées des zones à cliquer.

mon problème se situe plus pour faire afficher les images et le texte sous l'image "principal" après le clic. je pense qu'il faut utiliser un langage type javascript.

comment coder l'évenement : le clic a eu lieu sur cette zone, j'affiche image1 ici puis image2 et image 3 là, accompagnées de ce texte ici.

merci

Répondre à olivier14

6

_goni, le 18 jan 2007 à 15:12:01

Tu peux faire plus simple que du javascript. Tu peux le faire en PHP. Par exemple, si tu clique sur la zone des freins, tu mets une variable à 1 (pour chaque zone une valeur différente) tu fais un POST de cette valeur et en dessous de ton imge tu mets une conditon qui dit que si variable=1 alors afficher image1, image2, image3. Si tu ne connais pas le PHP tu trouveras de nombreux tutoriaux sur le net.

N’oubliez pas de cocher la case quand le problème est résolu­

Répondre à _goni

7

olivier14, le 18 jan 2007 à 15:23:44

Merci, je vais regarder du côté de php.

Répondre à olivier14

8

_goni, le 18 jan 2007 à 15:26:45

Je peux te conseiller ce site pour les bases du php : http://www.siteduzero.com

N’oubliez pas de cocher la case quand le problème est résolu­

Répondre à _goni

9

Ssylvainsab, le 18 jan 2007 à 19:06:01

En php ????

Ce n'est pas du tout fait pour ca, et ce sera bien trop long et fastidieux d'apprendre ce langage pour réaliser quelquechose à quoi un autre langage convient bien mieux.

Si tu ne peux pas utiliser le flash, utilises JavaScript, ou alors les maps (voir les liens donnés par _goni au post 1) Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

10

 olivier14, le 18 jan 2007 à 19:33:07

Bonjour

je ne connais rien au php comme au javascript. les map, j'avais cru comprendre que ça permettait de créer des liens vers d'autres pages ou fichier.
Si tu as les instructions en javascript où autres, je les veux bien.

merci

Répondre à olivier14