rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Zone image cliquable affichant d'autres image

Posté par olivier14, le jeudi 18 janvier 2007 à 13:09:24
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
Répondre à olivier14  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
_goni, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
_goni, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le jeudi 18 janvier 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, h­ackers."
   
Répondre à Ssylvainsab

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
olivier14, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
olivier14, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
_goni, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
olivier14, le jeudi 18 janvier 2007 à 15:23:44
merci, je vais regarder du côté de php.
   
Répondre à olivier14

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
_goni, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le jeudi 18 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 olivier14, le jeudi 18 janvier 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
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Opera 9.51Opera - Marre des trous de sécurité du navigateur par défaut ? Envie enfin d'avoir un navigateur simple et configurable facilement ?...Catégorie: Navigateurs
Licence: Freeware/gratuit
Télécharger PicLens 1.7.0.3459PicLens - PicLens permet de transformer instantanément un navigateur Internet en un logiciel de présentation d'images plein écran....Catégorie: Navigateurs
Licence: Freeware/gratuit
Télécharger TerraExplorer 5.0.2.10TerraExplorer - TerraExplorer permet à des utilisateurs de "voler" dans des environnements géographiques en 3D. Ce logiciel ouvre la...Catégorie: 3D
Licence: Freeware/gratuit
Télécharger Recuva 1.16.333Recuva - Recuva (prononcé "recover" ou récupérer) est un utilitaire gratuit de Windows pour restaurer les fichiers qui ont été...Catégorie: Gestion de fichiers
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « zone image cliquable affichant d'autres image »