Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2825 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu dynamique avec images liens et agrandissement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Menu dynamique avec images liens et agrandissement

n°1807278
winzaps
Posté le 01-11-2008 à 17:13:00  profilanswer
 

Bonjour à vous ,
 
Le nom de mon sujet n'est pas trop explécite mais ce que je voudrais c'est comme ce qu'il y a sur ce site :
http://www.lephoceen.fr , le bloc " ACTUALITE " ( menu avec 4 images défilantes ) .
 
J'ai d'abord regarder du côté du php et du css mais on m'a dit d'aller voir le javascript voir le FLASH ...
 
Si quelqu'un peut m'aider, j'en serais reconnaissant !
 
Merci d'avance , Nicolas .
 

mood
Publicité
Posté le 01-11-2008 à 17:13:00  profilanswer
 

n°1807286
flo850
moi je
Posté le 01-11-2008 à 17:36:36  profilanswer
 

c'est tout a fait faisable en js/css  
 
sur chacune de tes vignettes tu mets un onmouseover qui va etre chargé de changer le contenu de la div d'au dessus

n°1807385
winzaps
Posté le 02-11-2008 à 08:35:39  profilanswer
 

Salut et merci flo850 ,

 

J'ai finalement réfléchis et j'ai " détourné " la propriété à mon avantage !

 

Voici mon code actuel :

 
Code :
  1. <html>
  2. <body>
  3. <IMG onmouseover="this.src='imageA.gif'" src="image1.gif" onmouseout="this.src='image1.gif'">
  4. </body>
  5. </html>
  6. <html>
  7. <body>
  8. <IMG onmouseover="this.src='imageB.gif'" src="image2.gif" onmouseout="this.src='image2.gif'">
  9. </body>
  10. </html>
  11. <html>
  12. <body>
  13. <IMG onmouseover="this.src='imageC.gif'" src="image3.gif" onmouseout="this.src='image3.gif'">
  14. </body>
  15. </html>
  16. <html>
  17. <body>
  18. <IMG onmouseover="this.src='imageD.gif'" src="image4.gif" onmouseout="this.src='image4.gif'">
  19. </body>
  20. </html>
 

Maintenant , j'ai 1 problème :

 

- Je voudrais que les images A B C et D , lors du survol de l'image , " cache les 4 images " ( Pour l'instant , ces images se décalent vers la gauche ) .

 

Je voudrais donc que ça donne:
http://imagik.fr/view-rl/146901
-->
http://imagik.fr/view-rl/146909

 

Pour celui qui pourra m'aider ...

 

Merci d'avance.


Message édité par winzaps le 02-11-2008 à 21:36:17
n°1807514
winzaps
Posté le 02-11-2008 à 21:07:58  profilanswer
 

Je me permet de remonter le topic car je viens de l'éditer ...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu dynamique avec images liens et agrandissement

 

Sujets relatifs
menu coupé a gauche[Résolu] Menu et sous menu-dynamique
Petit soucis de liens avec un site web multilanguebloquer le sous menu avec flash
MaskEdBox dynamiqueSignature Email Dynamique HTML / TexteBrute
Pb de background pour un menu déroulant JsSauvegarde images (url) dans base de donnée
Positionnement d'un menu 
Plus de sujets relatifs à : Menu dynamique avec images liens et agrandissement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR