Forum Mjukvara Programmering och digitalt skapande Tråd

Hover på image X byter image Y till image Z

1
Skriv svar
Permalänk
Medlem
●

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?

Redigera
Citera flera Citera
Permalänk
Medlem
●

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

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

Redigera
Citera flera Citera
Permalänk
Medlem
●

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

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara