/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Problemer med javascript nævnt under HTML ~
Fra : Johannes Schmidt


Dato : 13-12-06 10:00

Hej.....

Ny mand i skoven, og har arbejdet med at sætte min side op
manuelt efter at have arbejdet med DHE WYSIWYG Editor

Jeg har så prøvet at bruge den script der er på HTML faq. siden
til at lave en mouseover/mouseout på billeder.

Denne sætter jeg ind på siden således.
<div>
<img src="Menu.jpg" alt="" />
</div>
<div id="a">
<img src="hoved.jpg" alt="" onMouseover =
"document.images[0].src=pict2.src"
onMouseout = "document.images[0].src=pict1.src" />
</div>

Den første div skal være øverst, den næste kommer så efter. Der
sker bare det at når jeg så laver mouseover/out, så smider den
det første billed ud og sætter de billeder der er nævnt i
javascriptet øverst, så nu har jeg først billedet med
mouseover/out, og på sin placering er det faste
billed..........Men det er den der skal være mouseover/out på.

Har prøvet mig frem med andre button animation script, men har
alsrig fået det til at virke, kunne denne.

http://www.geocities.com/sch_midt_fam/test.html

Eks på denne side.

Johannes


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jørgen Farum Jensen (13-12-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 13-12-06 13:28

Johannes Schmidt skrev:
> Hej.....
>
> Ny mand i skoven, og har arbejdet med at sætte min side op
> manuelt efter at have arbejdet med DHE WYSIWYG Editor
>
> Jeg har så prøvet at bruge den script der er på HTML faq. siden
> til at lave en mouseover/mouseout på billeder.
>
> Denne sætter jeg ind på siden således.
> <div>
> <img src="Menu.jpg" alt="" />
> </div>
> <div id="a">
> <img src="hoved.jpg" alt="" onMouseover =
> "document.images[0].src=pict2.src"
> onMouseout = "document.images[0].src=pict1.src" />
> </div>

Det ser helt forkert ud med mine øjne. Du
skal ikke have to div'er liggende oven på
hinanden, når du skal lave en grafisk
rollover, men skifte billedet ud, sålunde:

<p class="rollover">
<a href="http://www.webdesign101.dk"
title="Link til '101'"
onmouseover="document.images.knap1.src = knap1on.src"
onmouseout="document.images.knap1.src = knap1off.src">
<img src="res/knap1off.png" id="knap1" width="41"
height="33" alt="link til '101'" /></a>
</p>

Det forudsætter at de variable knap1on.src og
knap1off.src har fået tildelt en billedfil som
værdi, hvordan kan du se på siden:

http://www.webdesign101.dk/rollover/eksempel_2.php

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i websidekonstruktion:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Søg
Reklame
Statistik
Spørgsmål : 177551
Tips : 31968
Nyheder : 719565
Indlæg : 6408825
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste