probleme réalisatation site web

probleme réalisatation site web - HTML/CSS - Programmation

Marsh Posté le 25-01-2007 à 10:10:30    

Bonjour,
 
Je suis debutant en html et j'aimerai pour ameliorer un site que je réalise, rajouter quelque élements qui je pense sont du javascript. J'ai prit 2 screenshots pour mieu illustrer ce que je souhaite réaliser :  
 
ici la page web normal le souris n'est pas apparante mais elle n'est pas sur une photo.
http://araag.free.fr/1.jpg
 
et lorsque je passe la souris sur une photo une petite carré avec un zoom sur l'image s'affiche :
http://araag.free.fr/2.jpg
 
C'est cet effet que j'aimerai réaliser, seuelement je ne vois pas comment faire, alors si quelqu'un connait la methode ou un site ou il expliquerai... je suis très interessé.
 
Merci d'avance de vos réponses.
 
Antoine

Reply

Marsh Posté le 25-01-2007 à 10:10:30   

Reply

Marsh Posté le 25-01-2007 à 10:24:14    

événement onmouseover() et onmouseout() sur l'image vignette.
onmouseover affiche une balise div contenant l'image en taille réelle.
onmouseout cache la balise div.

Reply

Marsh Posté le 25-01-2007 à 10:54:45    

et pour faire un carde autour de cette image comme sur l'image que j'ai mise, il y a une propriété à rajouter ou il faut que je rajoute aà un cadre a mon image?

Reply

Marsh Posté le 25-01-2007 à 11:24:25    

On t'a dit un div. Ensuite tu lui met le style que tu veux a cou de css.

Reply

Marsh Posté le 25-01-2007 à 11:50:31    

exemple :
<div onmouseover="x.style.textcss='border:1 solid #000000;width:200px;height:200px; visibility:visible"><img src="image.jpg"></div>
 
<div id="x" style="display:block; visibility:visible"><img src="imageplusgrande.jpg"></div>
 
ps :jlé fais à la rache :)


Message édité par Mxtrem le 25-01-2007 à 11:50:46
Reply

Marsh Posté le 25-01-2007 à 12:52:20    

ok merci je vais essayer ca tout à l'heure. je vous tiens au courant de ce que ca donne.

Reply

Sujets relatifs:

Leave a Replay

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