2 renseignements ( effets sur images et sur textes )

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : 2 renseignements ( effets sur images et sur textes )

kiwimarseillais13

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

Publicité

justeleblanc

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

aozora

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

Suri

Darksurious

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

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

kiwimarseillais13

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

justeleblanc

JusteLeblanc a écrit :

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

sinon je ferme

kiwimarseillais13

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

kiwimarseillais13

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

justeleblanc

kiwimarseillais13 a écrit :

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

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

aozora

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

Publicité

Suri

Darksurious

aozora a écrit :

nan mais je compte pour du beurre moi spour ca

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

kiwimarseillais13

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

Suri

Darksurious

kiwimarseillais13 a écrit :

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

j'aime mieux ca
[:zerod]

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

lennelei

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

FORUM HardWare.fr

Graphisme

Web design

2 renseignements ( effets sur images et sur textes )

Sujets relatifs
[Image Ready] 152*262 pix a partir d'images verticales,droplet dispo	quel site pour imprimer des images sur T-shirt ??
[DEBAT] faire des images animées sans GIF pour ne pas raquer ...	Toshop : questions sur : - degradés - gif auto - textes - compression
Enchainement d'images avec Frontpage	[done] [photoshop] appliquer un style de calque sur plusieurs images ?
Images de pièces hardware ?	Images polarisées, manque d'info ! principe ?
image composé d'autres images	effets 3D sur photoshop [résolu] m'enfin si ya d'autres idées....
Plus de sujets relatifs à : 2 renseignements ( effets sur images et sur textes )

Page générée en 0.064 secondes