Les partenaires publicitaires:

Comment afficher une nouvelle image sur le vol stationnaire

Vous pouvez utiliser une image changeante effet sur votre page Web pour accentuer vos boutons, des bannières et des images du menu. Lorsqu'un utilisateur déplace la souris planer sur l'image, il aura des changements à une seconde image jusqu'à ce que l'utilisateur déplace la souris en dehors de l'image. Pour que cela fonctionne, vous devez avoir les deux images hébergées sur un serveur en ligne. Vous pouvez ensuite utiliser un code javascript sur votre site Web pour effectuer le changement d'image sur un survol de la souris.

Instructions

  1. Téléchargez les deux images que vous souhaitez utiliser pour votre hébergeur ou un service d'hébergement d'images.

  2. Notez l'adresse URL pour les deux images. Vous en aurez besoin lors de la création du code.

  3. Sélectionnez le code javascript suivant, puis à droite; souris et choisissez "Copie" dans le menu:



    onmouseout ="document.but.src = 'Image1'"gt;

    alttext




  4. Ouvrez votre code de page Web dans un éditeur de texte ou en ligne.

  5. droit; cliquez à l'intérieur de l'éditeur et choisissez "Pâte" pour coller une copie du code javascript.

  6. Remplacer "URL" avec une adresse URL vers une page Web si l'image va créer un lien vers un autre site. Si l'image ne lie pas à un site, vous pouvez retirer le "HREF ="URL"" partie du code.

  7. Remplacez les deux instances de "Image1" avec l'adresse URL pour la première image. Ceci est l'image normale d'un visiteur verra pas quand la souris passe sur l'image.

  8. Remplacer "Image2" avec l'adresse URL de la deuxième image. Ce sera l'image du visiteur verra lors du survol de la souris sur l'image.

  9. Remplacer "Imagename" avec le nom de l'image. Cela peut être n'importe quel nom que vous choisissez.

  10. Remplacer "alttext" avec le texte que vous souhaiteriez apparaître quand quelqu'un passe la souris sur l'image.

  11. Enregistrer les modifications dans votre page Web et le publier. Lorsque vous affichez votre page Web, vous pourrez voir la nouvelle image qui change lorsque vous passez votre souris dessus.

Conseils & Avertissements

  • Ne retirez pas les guillemets lors de l'édition de ce code ou le code ne fonctionnera pas.
» » » » Comment afficher une nouvelle image sur le vol stationnaire