Définition de 3 images à un effet de survol CSS?

Salut J'utilise le code de renversement css pour changer une image de lien hypertexte, mais maintenant je dois changer un autre ensemble d'image. L'utilisateur passe au-dessus de Faits amusants et le bouton de menu change mais j'ai une autre image sous le menu que je voudrais changer aussi. Dois-je faire un div show/hide pour la seconde émission d'images ou puis-je lier deux images dans un effet hover css pour changer?Définition de 3 images à un effet de survol CSS?

Source

2011-05-19 acctman

Vous devez utiliser JavaScript pour le faire. Je recommanderais JQuery. – Alp

J'essayais de rester à l'écart de jquery/jscript, je voulais garder la lumière de codage du site – acctman

@Nightfirecat @SirB - De toute évidence, vous me battre à Jeopardy –

Peut-être que ce que vous faites est similaire à cela? http://css-tricks.com/css-sprites/

Source

2011-05-19 00:20:14 Nightfirecat

Vous pouvez utiliser CSS Image Sprites

un pour a:link, a:visited et un autre pour a:hover

Source

2011-05-19 00:20:20 breezy

J'ai besoin soit d'un moyen d'avoir un vol stationnaire de sorte que l'effet change le menu image et l'image au bas de la boîte de menu – acctman

Vous pourriez avoir besoin de jQuery pour y parvenir. – breezy

Vous devez utiliser un Sprite CSS pour changer les images. Impact faible sur le système, fonctionne sans JavaScript. Voici quelques références:

http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

http://css-tricks.com/css-sprites/

Source

2011-05-19 00:21:13

J'utilise une image d'image-objet png pour les images de menu. J'ai juste une autre image que je veux incorporer. Lorsque l'utilisateur survole Fun Fact! Je veux une image d'un tableau de santé pour apparaître au bas de la boîte de menu. – acctman

Vous ne nous avez pas donné un lien vers le site, mais pourquoi ne pas rendre l'image de l'état stationnaire partiellement transparente. Le haut serait l'image du bouton, puis un espace vide puis l'image que vous souhaitez afficher au bas de la boîte. Vous devrez peut-être jouer avec l'index z pour vous assurer que l'image s'affiche correctement. –

Définition de 3 images à un effet de survol CSS?

Répondre

Questions connexes