Jeg har et irriterende problem med rollovere,
som jeg ikke kan løse. Problemet går ud på, at billedskiftet
foregår alt for langsomt, når billederne kommer over en vis
kritisk størrelse.
Problemet skulle kunne løses ved et simpelt javascript,
et sådant har jeg da også fundet i lille lærbog om Javascript,
hvor forfatteren netop lægger vægt på at scriptet skulle give
et øjeblikkeligt billedskift, da begge billeder indlæses i
variable, som placeres i browserens cache. Det lyder
besnærende, men desværre virker scriptet ikke efter
hensigten. For overskuelighedens skyld vedlægger jeg her
al kode til den pågældende side.
I håb om god og konstruktiv hjælp
Kristian
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from
url=(0042)
http://www.toril-bue.subnet.dk/oeverst.htm -->
<HTML><HEAD><TITLE>TORIL BUE</TITLE>
<META http-equiv=Content-Language content=da>
<META http-equiv=Content-Type content="text/html;
charset=windows-1252">
<META content="Microsoft FrontPage 5.0" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<link rel="stylesheet" type="text/css" href="Skrifter.css">
<SCRIPT LANGUAGE=JAVASCRIPT>
sh1 = new Image
nr1 = new Image
sh2 = new Image
nr2 = new Image
sh3 = new Image
nr3 = new Image
sh4 = new Image
nr4 = new Image
sh5 = new Image
nr5 = new Image
sh1.src = 'images/ornamentik/sh1.jpg'
nr1.src = 'images/ornamentik/nr1.jpg'
sh2.src = 'images/ornamentik/sh2.jpg'
nr2.src = 'images/ornamentik/nr2.jpg'
sh3.src = 'images/ornamentik/sh3.jpg'
nr3.src = 'images/ornamentik/nr3.jpg'
sh4.src = 'images/ornamentik/sh4.jpg'
nr4.src = 'images/ornamentik/nr4.jpg'
sh5.src = 'images/ornamentik/sh5.jpg'
nr5.src = 'images/ornamentik/nr5.jpg'
</SCRIPT>
</HEAD>
<BODY background=images/ornamentik/baggrund.jpg>
<P> </P>
<P> </P>
<DIV align=center>
<CENTER>
<TABLE cellPadding=0 width=750 border=0>
<BODY>
<TR>
<TD width=755 colSpan=5>
<DIV align=center>
<TABLE height=52 cellPadding=0 width=765 border=0>
<TBODY>
<TR>
<TD vAlign=baseline width=608 height=50>
<P class=Overskrift><FONT color=#333333 size=6>TORIL
BUE
Maleri og tegning</FONT></P></TD>
</TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD width=153>
<a onmouseover="document.nra.src=nr1.src"
onmouseout="document.nra.src=sh1.src" href="biografi.htm">
<IMG SRC="images/ornamentik/sh1.jpg" BORDER="0" NAME="nra"
width="140" height="140"></a>
</TD>
<TD width=153>
<a onmouseover="document.nrb.src=nr2.src"
onmouseout="document.nrb.src=sh2.src" href="billedverden.htm">
<IMG SRC="images/ornamentik/sh2.jpg" BORDER="0" NAME="nrb"
width="140" height="140"></a>
</TD>
<TD width=153>
<a onmouseover="document.nrc.src=nr3.src"
onmouseout="document.nrc.src=sh3.src" href="kunstterapi.htm">
<IMG SRC="images/ornamentik/sh3.jpg" BORDER="0" NAME="nrc"
width="140" height="140"></a>
</TD>
<TD width=153>
<a onmouseover="document.nrd.src=nr4.src"
onmouseout="document.nrd.src=sh4.src" href="galleri.htm">
<IMG SRC="images/ornamentik/sh4.jpg" BORDER="0" NAME="nrd"
width="140" height="140"></a>
</TD>
<TD width=153>
<a onmouseover="document.nre.src=nr5.src"
onmouseout="document.nre.src=sh5.src" href="udstillinger.htm">
<IMG SRC="images/ornamentik/sh5.jpg" BORDER="0" NAME="nre"
width="140" height="140"></a>
</TD>
<TR>
<TD width=153>
<P class=Brødtekst><FONT
color=#000000>Biografi</FONT></P></TD>
<TD width=153>
<P class=Brødtekst><FONT color=#000000>Min
billedverden</FONT></P></TD>
<TD width=153>
<P class=Brødtekst><FONT
color=#000000>Kunstterapi</FONT></P></TD>
<TD width=153>
<P class=Brødtekst><FONT
color=#000000>Galleri</FONT></P></TD>
<TD width=153>
<P class=Brødtekst><FONT
color=#000000>Udstillinger</FONT></P></TD></TR></TBODY></TABLE></
CENTER></DIV>
<P> </P>
<P align=right> </P>
</BODY></HTML>
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials