Site internet avec Kompozer
dugre000
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
dugre000 Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
dugre000 Messages postés 4 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
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Url site internet - Guide
- Site pour vendre des objets d'occasion - 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?
merci pour ton aide
ça ne marche pas mais ça vient sans doute de mon affaire
je t'explique en fait je n'ai pas de menu il s'agit eulement de lien disposé dans un tableau...
Est ce que la manip reste la même
Merci
ça ne marche pas mais ça vient sans doute de mon affaire
je t'explique en fait je n'ai pas de menu il s'agit eulement de lien disposé dans un tableau...
Est ce que la manip reste la même
Merci