2 renseignements ( effets sur images et sur textes )

2 renseignements ( effets sur images et sur textes ) - Web design - Graphisme

Marsh Posté le 28-05-2003 à 20:34:02    

Alor je voudrais avoir deux renseignement :)  :
1) Est t'il possible de faire 2 zones cliquables sur une meme image ???? :heink:  
 
2) Comment fait t'on pour que lorsque l'on passe la souris sur du texte une image apparaisse ?? :heink:  
 
Merci d'avance pour toute vos reponses  :sol:  :sol:  :sol:  :sol:


Message édité par kiwimarseillais13 le 29-05-2003 à 11:24:37
Reply

Marsh Posté le 28-05-2003 à 20:34:02   

Reply

Marsh Posté le 28-05-2003 à 20:35:24    

tu vas d'abord éditer ton titre, mets un truc plus précis  :)

Reply

Marsh Posté le 28-05-2003 à 20:42:15    

2 zones clicables?
oui en fesant une image map
 
dans dreamweaver tu peux definir des zones sur une image en bas a gauche de la fenetre des propriétés:  
tu peux faire des zones rondes, rectangulaires....
apres tu met alloue un lien a cette zone et voila
 
pour la 2e question je pense que ça se fais a l'aide d'un javascript mais je sais po lekel d'autres personnes pourront surement te renseigner par la suite


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 28-05-2003 à 21:10:44    

kiwimarseillais13 a écrit :


2) Comment fait t'on pour que lorsque l'on passe la souris sur du texte une image apparaisse ?? :heink:  
 
Merci d'avance pour toute vos reponses  :sol:  :sol:  :sol:  :sol:


 
clique sur s'inscrire sur HFR et regarde les sources qd tu passe la souris sur les points d'interrogation :d


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 29-05-2003 à 11:08:08    

OK pour la premiere je v essayer ce que vs me dîtes ;)

Reply

Marsh Posté le 29-05-2003 à 11:16:07    

JusteLeblanc a écrit :

tu vas d'abord éditer ton titre, mets un truc plus précis  :)  


sinon je ferme

Reply

Marsh Posté le 29-05-2003 à 11:24:58    

ca va la pour le titre ????? :??:

Reply

Marsh Posté le 29-05-2003 à 11:26:57    

Ok g teste la solution de aozora et c amarche donc merci beaucoup!!
 
j'attends maintenant vos reactions pour la deuxieme questions !!! :sarcastic:  
 
merci d'avance

Reply

Marsh Posté le 29-05-2003 à 11:28:52    

kiwimarseillais13 a écrit :

ca va la pour le titre ????? :??:  


hé ho c'était pas compliqué, pense aux autres t'es pas tout seul
 

Reply

Marsh Posté le 29-05-2003 à 11:30:49    

kiwimarseillais13 a écrit :

Ok g teste la solution de aozora et c amarche donc merci beaucoup!!
 
j'attends maintenant vos reactions pour la deuxieme questions !!! :sarcastic:  
 
merci d'avance


 
bah suri ta donner une solution pour voir recuperer le javascript qui ka va bien
 
sinon surement tu trouveras sur des sites de ce style :
 
http://www.javascriptfr.com/
http://www.toutjavascript.com/main/index.php3
 
voila maintenant il ne te reste plus k'a chercher  :whistle:


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 29-05-2003 à 11:30:49   

Reply

Marsh Posté le 29-05-2003 à 12:00:31    

aozora a écrit :


 
bah suri ta donner une solution pour voir recuperer le javascript qui ka va bien
 
sinon surement tu trouveras sur des sites de ce style :
 
http://www.javascriptfr.com/
http://www.toutjavascript.com/main/index.php3
 
voila maintenant il ne te reste plus k'a chercher  :whistle:  


 
nan mais je compte pour du beurre moi spour ca :o


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 29-05-2003 à 12:04:31    

UN grand pardon suri je n'avais pas vu ta remarque tres pertinentes  [:kiwimarseillais13]  [:kiwimarseillais13]  [:kiwimarseillais13]

Reply

Marsh Posté le 29-05-2003 à 12:09:12    

kiwimarseillais13 a écrit :

UN grand pardon suri je n'avais pas vu ta remarque tres pertinentes  [:kiwimarseillais13]  [:kiwimarseillais13]  [:kiwimarseillais13]  


 
j'aime mieux ca
[:zerod]


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 29-05-2003 à 15:59:42    

pour le 2):
typiquement, quelque chose dans le genre:


<html>
<head>
<script language="javascript">
 function changeImage(id, newImage) {
  var image = document.getElementById(id);
  image.src = newImage
 }
</script>
</head>
<body>
<img id="monimage" src="01.gif" width="100px" height="100px">
<br />
<span onmouseover="changeImage('monimage', '02.gif');" onmouseout="changeImage('monimage', '01.gif');">bla bla bla bla bla bla...</span>
</body>
</html>


 
exemple
 
bon, apres, y a kkes trucs a savoir (comme precharger les images, etc...)
 
Edit: bon, avant de me pieuter (comme y a personne qui poste ;))
le meme code avec prechargement:


<html>
<head>
<script language="javascript">
 
 function preCharge() {
  var image1, image2;
  image1 = new Image();
  image1.src = "01.gif";
  image2 = new Image();
  image2.src = "02.gif";
 }
 
 function changeImage(id, newImage) {
  var image = document.getElementById(id);
  image.src = newImage
 }
</script>
</head>
<body onload="preCharge();">
<img id="monimage" src="01.gif" width="100px" height="100px">
<span onmouseover="changeImage('monimage', '02.gif');" onmouseout="changeImage('monimage', '01.gif');">ceci est du texte !!!</span>
</body>
</html>


seules differences: fonction precharge appelee au chargement de la page: elle cree 2 images (et donc demande au navigateur de les charger en memoire) puis, quand on les utilise ds la page, le navigateur les a deja en memoire, donc pas besoin de retelecharger...
 
indispensable si tu veux pas que les gens se disent que ton rollover foire ;)


Message édité par lennelei le 29-05-2003 à 16:16:39
Reply

Sujets relatifs:

Leave a Replay

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