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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme réalisatation site web

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

probleme réalisatation site web

n°1507032
araag
Posté le 25-01-2007 à 10:10:30  profilanswer
 

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

mood
Publicité
Posté le 25-01-2007 à 10:10:30  profilanswer
 

n°1507040
rufo
Pas me confondre avec Lycos!
Posté le 25-01-2007 à 10:24:14  profilanswer
 

é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.

n°1507058
araag
Posté le 25-01-2007 à 10:54:45  profilanswer
 

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?

n°1507065
dwogsi
Défaillance cérébrale...
Posté le 25-01-2007 à 11:24:25  profilanswer
 

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

n°1507077
Mxtrem
Posté le 25-01-2007 à 11:50:31  profilanswer
 

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
n°1507100
araag
Posté le 25-01-2007 à 12:52:20  profilanswer
 

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


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

  probleme réalisatation site web

 

Sujets relatifs
[VBS] Problème RegRead avec Windows 2000Problème Java: gestion d'accès à des documents
Probleme de parsage XML en phpProblème de Recherche en FULLTEXT
Probleme Soap, ServerProcedure not present ....Problème d'affichage de caractères chinois remplacés par des ?
Gnatmake :Problème de compilation "gnat1: invalid switch: 9"problème de syntaxe
Pthread problème état joinableProblème de conversion de temps en fonction de timezone
Plus de sujets relatifs à : probleme réalisatation site web


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