Site internet avec Kompozer
dugre000
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
dugre000 Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
dugre000 Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je poste ce message pour obtenir un peu d'aide voir beaucoup.
Voila je réalise un site internet sur kompozer et j'aimerais réalisé sur ma page d'accueil quelquechose de spécifique.
en fait je souhaiterais que l'image de présentation change selon la position du curseur sur les différentes propositions de mon menu...
Quelqu'un aurait - il la solution a mon problème...Qui peux m'aider a relever le défi ?
Merci beaucoup pour votre aide
Je poste ce message pour obtenir un peu d'aide voir beaucoup.
Voila je réalise un site internet sur kompozer et j'aimerais réalisé sur ma page d'accueil quelquechose de spécifique.
en fait je souhaiterais que l'image de présentation change selon la position du curseur sur les différentes propositions de mon menu...
Quelqu'un aurait - il la solution a mon problème...Qui peux m'aider a relever le défi ?
Merci beaucoup pour votre aide
A voir également:
- Site internet avec Kompozer
- Wannonce nouveau site - Guide
- Wannonce site fermé - Guide
- Site de telechargement - Accueil - Outils
- Creer site internet - Guide
- Traduction site internet - Guide
4 réponses
Un petit script fera l'affaire....
À placer entre <head> et </head> en mode "code":
<script type="text/javascript">
function changeImage(src)
{
document.getElementById('logo').src = src;
}
</script>
Puis, ton image, après <body> (va chercher où elle se trouve déjà et remplace):
<img src="mon_image_de_base.jpg" style="height: 30px; width:30px" id="logo" /> (height et width peuvent varier suivant les dimensions de ton image, ils peuvent même être omis mais attention si les images ont des tailles différentes)
Dans ton menu:
<span onmouseover="changeImage('mon_image_2.jpg')" onmouseout="changeImage('mon_image_de_base.jpg')">Mon texte</span>
Entoure chacun des textes par un <span> comme ci-dessus en changeant le nom des images. Le "onmouseout" sert lorsque l'utilisateur enlève son curseur de l'élément du menu, pour revenir à l'image initiale.
Voilà! Autre chose?
À placer entre <head> et </head> en mode "code":
<script type="text/javascript">
function changeImage(src)
{
document.getElementById('logo').src = src;
}
</script>
Puis, ton image, après <body> (va chercher où elle se trouve déjà et remplace):
<img src="mon_image_de_base.jpg" style="height: 30px; width:30px" id="logo" /> (height et width peuvent varier suivant les dimensions de ton image, ils peuvent même être omis mais attention si les images ont des tailles différentes)
Dans ton menu:
<span onmouseover="changeImage('mon_image_2.jpg')" onmouseout="changeImage('mon_image_de_base.jpg')">Mon texte</span>
Entoure chacun des textes par un <span> comme ci-dessus en changeant le nom des images. Le "onmouseout" sert lorsque l'utilisateur enlève son curseur de l'élément du menu, pour revenir à l'image initiale.
Voilà! Autre chose?
