Menu dynamique avec images liens et agrandissement

Menu dynamique avec images liens et agrandissement - HTML/CSS - Programmation

Marsh Posté le 01-11-2008 à 17:13:00    

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 .
 

Reply

Marsh Posté le 01-11-2008 à 17:13:00   

Reply

Marsh Posté le 01-11-2008 à 17:36:36    

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

Reply

Marsh Posté le 02-11-2008 à 08:35:39    

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
Reply

Marsh Posté le 02-11-2008 à 21:07:58    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed