Bonjour,
Préambule
- Tout d'abord, je ne connais quasi rien à l'utilisation de javascript.
- J'utilise, quand il le faut, les applications "TextWrangler" ou "Kompozer" pour introduire du codage html dans mon site.
- Depuis plusieurs jours, je lis tous les forums (javascript, css, ou html) pour trouver une aide à la création à mon projet. Mais je n'ai trouvé nulle part de solution qui y réponde de façon totalement compréhensive ou complète.
Je souhaite créer un trombinoscope pour une société comprenant 30 membres :
1. j'ai une image de base (exemple ici) qui comprend à l'orgine 30 petits portraits mis côte à côté (images tirées de différents contes de fées, dont les dimensions sont de 115 x 115 px).
2. j'ai créé 30 nouvelles images (exemple ici), à la même dimension que l'image de base, mais dont une des cases montre un des membres.
Mon souhait :
- j'aimerais que lorsque l'on déplace la souris sur l'une des cases de l'image de base, on voit apparaître le membre correspondant. (onmouseover / onmouseout). Puis que dès que l'on sort de l'image du membre on retombe sur l'image de base, et ainsi de suite pour toutes les autres cases que l'on survolerait.
Mes démarches :
- j'ai tenté de travailler avec gimp / filtre web, pour créer les différentes zones de la map. Mais la source du fichier gimp ne permet pas le rollover, mais simplement le fait de cliquer sur l'image.
- j'ai recherché un code javascript qui me permette (selon ce que j'ai lu dans divers forum) de précharger les images dans le cache du navigateur.
- j'ai collé des bouts de codes trouvés dans les tutoriels ou dans les forums d'entraide, mais je pense que j'ai pas mal d'erreurs que je ne comprends pas.
- j'ai essayé de suivre à la lettre certains tutoriels mais je n'arrive pas au résultat escompté (mon projet), car le résultat obtenu ne fonctionne souvent qu'avec une seule image de base et une seule image pour le "onmouseover".
Mes questions
- Quelqu'un peut-il m'indiquer le-s code-s qu'il faudrait utiliser pour mener à bout mon projet (ou m'indiquer s'il est complètement utopiste) ou les démarches, tutoriels à suivre pour y arriver ?
- Avez-vous besoin d'autres indications plus précises pour me répondre ?
Je vous remercie d'avance pour votre lecture et votre éventuelle aide !
Partager