[JAVASCRIPT/DHTML] Meerdere images swappen? - Softwareontwikkeling

zaterdag 29 juni 2002 18:31

Acties:

Topicstarter

ff hulp nodig.
Heb de search al gebruikt maar kon niets vinden.

Ik wil een menu creëren om te leren. Dit menu is een horizontaal menu (buttons naast elkaar).

WAT IK WIL:
De buttons in normale modus:
Afbeeldingslocatie: http://members.home.nl/markhuizing/button_normal.bmp

Afbeeldingslocatie: http://members.home.nl/markhuizing/button_normal.bmp

De buttons als de muis erover gaat:
Afbeeldingslocatie: http://members.home.nl/markhuizing/button_selected.bmp

De buttons als ze ingedrukt worden:
Afbeeldingslocatie: http://members.home.nl/markhuizing/button_pushed.bmp

Dit is dus hetzelfde effect als dat de knoppen van een browser venster hebben (IE6 hier, weet niet hoe het met anderen zit).

PROBLEEM:
DHTML/Javascript laat je maar 2 afbeeldingen gebruiken (voor zover ik weet).

Iemand een oplossing?

Graphene; a material that can do everything, except leave the lab. - Asianometry

zaterdag 29 juni 2002 18:32

Acties:

D2k

[topic=397053/1/100]

vooruit ik zal niet rot doen
P&W -> W&G

Doet iets met Cloud (MS/IBM)

zaterdag 29 juni 2002 18:33

Acties:

Verwijderd

sinds wanneer bestaat het onMouseDown event niet meer?

zaterdag 29 juni 2002 18:37

Acties:

NitroX infinity

Topicstarter

Op zaterdag 29 juni 2002 18:32 schreef D2k het volgende:
[topic=397053/1/100]

vooruit ik zal niet rot doen
P&W -> W&G

sorry.

Op zaterdag 29 juni 2002 18:33 schreef FoOL het volgende:
sinds wanneer bestaat het onMouseDown event niet meer?

Bestaat nog steeds voor zover ik weet maar met mijn kennis staat Javascript/DHTML mij maar toe om 2 events te gebruiken. Dus of onLoad en onMouseOver of onMouseOver en onClick/onMousedown of onLoad en onClick/onMousedown.

Graphene; a material that can do everything, except leave the lab. - Asianometry

zaterdag 29 juni 2002 18:57

Acties:

Clay

cookie erbij?

Er is helemaal niets gelimiteerd aan 2 events. een image heeft gewoon onclick, over, down, up, load, de hele rimram.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

zaterdag 29 juni 2002 19:12

Acties:

Suepahfly

code:

<head>

<script language="JavaScript" type="text/JavaScript">
<!--


function swapImage() { 
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array;
for(i=0;i<(a.length-2);i+=3)
   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!
x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body>
<a href="blaat.htm" target="hoofdFrame"><img src="knop_up.gif" name="Image1" width="120" height="25" 
border="0" id="Image1" onMouseDown="swapImage
('Image1','','knop_down.gif',0)" onMouseOver="swapImage
('Image1','','knop_over.gif',0)" onMouseOut="swapImage
('Image1','','knop_up.gif',0)"></a> 
</body>

Direct gerriped uit DW

zaterdag 29 juni 2002 19:55

Acties:

Verwijderd

Als alleen die randjes wil oplichten kun jet ook gewoon met css doen he !!

zaterdag 29 juni 2002 20:40

Acties:

NitroX infinity

Topicstarter

Op zaterdag 29 juni 2002 19:12 schreef Suepahfly het volgende:
code:
1
Een heleboel code
Direct gerriped uit DW

Dank U!

Op zaterdag 29 juni 2002 19:55 schreef Tizzwat het volgende:
Als alleen die randjes wil oplichten kun jet ook gewoon met css doen he !!

Verrek, dan kan ook. bedankt. (ben momenteel zo gefocussed op javascript, was daar niet eens opgekomen)

Graphene; a material that can do everything, except leave the lab. - Asianometry

zaterdag 29 juni 2002 21:57

Acties:

Limhes

Op zaterdag 29 juni 2002 19:55 schreef Tizzwat het volgende:
Als alleen die randjes wil oplichten kun jet ook gewoon met css doen he !!

Hoe wil jij schuine randjes met css op laten lichten?

zaterdag 29 juni 2002 23:54

Acties:

NitroX infinity

Topicstarter

uh, suepahfly, ik krijg die code niet aan de praat.
Volgens mij wil 't echt niet met meer dan 2 afbeeldingen.

Graphene; a material that can do everything, except leave the lab. - Asianometry

zaterdag 29 juni 2002 23:59

Acties:

crisp

Devver

Pixelated

code:

1	[img]"plaatje.gif"[/img]

Wel ff de plaatjes preloaden natuurlijk

Intentionally left blank

zondag 30 juni 2002 15:01

Acties:

NitroX infinity

Topicstarter

Op zaterdag 29 juni 2002 23:59 schreef crisp het volgende:
code:
1
hier stond wat
Wel ff de plaatjes preloaden natuurlijk

verrek, 't werkt

dank u crisp

Graphene; a material that can do everything, except leave the lab. - Asianometry