changement image au passage de la souris ? non JS

changement image au passage de la souris ? non JS - HTML/CSS - Programmation

Marsh Posté le 17-12-2004 à 23:43:41    

Bonsoir,
 
J'aurai besoin de vous pour m'aider sur mon site.
Voila, pour mon site de photo, j'ai mis en place sur chaque rubrique une pseudoframe en php.
 
Maintenant, j'aimerai mettre en place un changement d'image au passage de la souris, mais attention pas en JS.
Voici l'idée, sous chaque pti carré gris ce cache une vignette qui apparai au passage de la souris.
 
http://arnaudpoilleux.free.fr/site.jpg
 
Vous aves des idées ??
 
Mercia a tous


Message édité par Lekouti le 17-12-2004 à 23:44:31
Reply

Marsh Posté le 17-12-2004 à 23:43:41   

Reply

Marsh Posté le 18-12-2004 à 03:12:55    

sans JS..pas possible a mon avis


---------------
Julien Oncelay
Reply

Marsh Posté le 18-12-2004 à 09:24:00    

je pense que ca doit etre faisable sans JS mais ce sera certainement plus compliqué.
 
Je pense au DHTML (que je ne connais pas du tout mais il me semble qu'il permet de faire des trucs comme ca) ...
 
Je te conseille le JS car le connaissant un peu, je sais que c'est vraiment pas compliqué a mettre en place

Reply

Marsh Posté le 18-12-2004 à 10:57:25    

avec la pseudo classe :hover en css ça devrait faire ce que tu cherches.
http://alsacreations.com/articles/imgreactive/


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 18-12-2004 à 12:00:46    

Reply

Marsh Posté le 19-12-2004 à 11:32:12    

moi pour ca j'utilise flash [:joce]

Reply

Marsh Posté le 19-12-2004 à 12:38:21    

Ben ouais, un peu de CSS, non ?

Reply

Marsh Posté le 19-12-2004 à 19:43:24    

je pense effectivement qu'avec "hover" on doit pouvoir reussir.
Par contre je crois qu'il est nécessaire d'avoir la même taille pour avant et après le passage de la souris.
 

Code :
  1. #image A {
  2. display: block;
  3. width: 150px;
  4. padding: 2px 0 2px 2px;
  5. border-bottom: 1px solid Blue;
  6. background-color: #B3B0FF;
  7. }
  8. #image A:hover {
  9. background-image: url(photoA.gif);
  10. border-bottom: 1px solid Blue;
  11. }


 
ça donnerai quelque chose du genre dans le css.
Bien sur à personaliser.


Message édité par gargant0 le 19-12-2004 à 19:45:41
Reply

Marsh Posté le 20-12-2004 à 01:10:18    

Worldofdada a écrit :

je pense que ca doit etre faisable sans JS mais ce sera certainement plus compliqué.
 
Je pense au DHTML (que je ne connais pas du tout mais il me semble qu'il permet de faire des trucs comme ca) ...
 
Je te conseille le JS car le connaissant un peu, je sais que c'est vraiment pas compliqué a mettre en place


Le DHTML ca existe pas, c'est juste un terme de grapheux pour désigner les effets tout pourris qu'on peut obtenir avec Javascript.

Reply

Marsh Posté le 20-12-2004 à 10:01:29    

Ouais, en fait DHTML = HTML + JS...

Reply

Sujets relatifs:

Leave a Replay

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