Hover på image X byter image Y till image Z

2010-02-27 14:39

Medlem

Registrerad: Nov 2004

●

Hover på image X byter image Y till image Z

Försöker alltså göra så att när man för muspekaren över en bild som ligger i en div för navigation så byts en annan bild i en div för all text på sidan.

Som det alltså står i topic, hover på bild X gör så att en annan bild Y byts till bild Z.

Går detta att lösa med CSS?

Rapportera Redigera

Citera flera Citera

2010-02-27 15:03

Permalänk

Kalle87

Medlem

Plats: Stockholm
Registrerad: Feb 2010

●

Med javascript och jquery är det väldigt lätt att göra..

http://api.jquery.com/category/effects/

Rapportera Redigera

Citera flera Citera

2010-02-27 22:15

Permalänk

Sysse S

Medlem

Plats: Karlskoga
Registrerad: Jul 2009

●

Så här skulle jag gjort (jquery). Om du behöver någon hjälp så gör jag så gott jag kan, men jag är lite av en nybörjare själv.

<html>
<head>
<script src="jquery-1.4.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">

$(function() {
$('#red').hide();
	
$('#blue').hover(function() {

$('#green').toggle();
$('#red').toggle();
	
});
});


</script>
<style type="text/css">

img {
position: relative;
}

</style>
</head>
<body>
<img src="images/blue.jpg" id="blue">
<img src="images/green.jpg" id="green">
<img src="images/red.jpg" id="red">
</body>
</html>

Visa signatur

Primär - C2D T6500 :: 4GB :: Mobility 4570.
Sekundär - AMD64x2 6000+ :: 2GB :: 8800GT 1GB

Rapportera Redigera

Citera flera Citera

Hover på image X byter image Y till image Z

Hover på image X byter image Y till image Z

Externa nyheter

Spelnyheter från FZ