Avatar billede corax Nybegynder
09. april 2003 - 16:53 Der er 7 kommentarer og
1 løsning

ID istedet for images [xx]

http://kolonihaveportal.dk/overout.htm kan man føre musen hen over den blå bold. Bolden ændrer sig, samtidigt med den virker som et link.

Med nuværende script, skal jeg ændre images[0] så det passer med et x antal foregående billdeder.

Spørgsmål: Hvordan kan jeg kalde scriptet med et ID, så jeg er uafhængig af billedeantal ?

Forklar gerne simpelt, da jeg ikke er en haj til JavaScript.

<html><head>

<script type="text/javascript">
<!--
pict1=new Image(); pict1.src='out.gif';
pict2=new Image(); pict2.src='over.gif'
//-->
</script>
</head>

<body>

<map name="tilbud">
<area href="#" target="_blank" shape="circle" coords="95, 67, 17"
onmouseover="document.images[0].src=pict2.src"
onmouseout="document.images[0].src=pict1.src">
</map>
<img src="out.gif" alt="tilbud" usemap="#tilbud" border="0" width="125"
height="125"
style="border: 1px solid #000000">

</body></html>
Avatar billede Slettet bruger
09. april 2003 - 16:55 #1
Håber du kan se sammenhængen!?

<img name="imgnavn" id="imgnavn" src="" alt=""/>
<script language="javascript">
document.images["imgnavn"].src=pict2.src;
</script>
Avatar billede corax Nybegynder
09. april 2003 - 17:27 #2
Jeg kan desværre ikke få det til at virke, selvom jeg har rodet (ja, det er ordet) med dit script. Der kommer ihverttilfælde en masse fejl :(

Du kan ikke give mig et tydeligere hint ?
Avatar billede Slettet bruger
09. april 2003 - 17:31 #3
Nedenstående virker perfekt for mig!
<html>
<head><title>Billed test</title>
</head>
<body>
<img name="navn" id="navn" src="dummy.jpg">
<script language="javascript">
document.images["navn"].src="1.jpg";
</script>
</body>
</html>
Avatar billede corax Nybegynder
09. april 2003 - 17:50 #4
Ja, også her.
Men jeg har problemer med at tilpasse scriptet, så det virker som tænkt.

Onmouseover/out med link må først virke, når man fører musen over bolden, som det gør nu.
Problemet er, jeg ikke vil være afhængig af et bestemt antal forudgående images.

Så hvordan kan man implementere et id, så det virker på mit script ?
Avatar billede Slettet bruger
09. april 2003 - 17:58 #5
Som det der?
I stedet for document.images["navn"].src="En streng";
Kan du også bruge document.images["navn"]=pic2t;

<html>
<head><title>Billed test</title>
</head>
<body>
<img name="navn" id="navn" src="1.jpg" onmouseover="document.images['navn'].src='dummy.gif';">
<script language="javascript">
document.images["navn"].src="1.jpg";
</script>
</body>
</html>
Avatar billede corax Nybegynder
10. april 2003 - 11:15 #6
Det virker igen ikke som tænkt.
Har du set på http://kolonihaveportal.dk/overout.htm.
Det er sådan, jeg ønsker det skal virke.

Problemet er bare, jeg ikke kan have et skiftende antal billeder foran, da jeg skal bestemme antallet her: images[antal forudgående billeder].

Det kunne jo løses med et id ?
Avatar billede Slettet bruger
10. april 2003 - 11:21 #7
<html>

<head>
<script type="text/javascript">
<!--
pict1=new Image(); pict1.src='out.gif';
pict2=new Image(); pict2.src='over.gif'
//-->
</script>
</head>

<body>

<map name="tilbud">
<area href="#" target="_blank" shape="circle" coords="95, 67, 17"
onmouseover="document.images['changing'].src=pict2.src"
onmouseout="document.images['changing'].src=pict1.src">
</map>
<img src="out.gif" alt="tilbud" usemap="#tilbud" border="0" width="125" height="125"
style="border: 1px solid #000000" name="changing">

</body>

</html>
Avatar billede corax Nybegynder
10. april 2003 - 11:44 #8
Det virker perfekt nu og jeg takker mange gange.

Det var åbenbart 'changing' som skulle erstatte antallet af forudgående billeder, samt et name="changing" i img-tagget.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester