/ 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 rollover
Fra : Kristian Dueholm Jes~


Dato : 15-05-02 12:58

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>&nbsp;</P>
<P>&nbsp;</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&nbsp;&nbsp;
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>&nbsp;</P>
<P align=right>&nbsp;</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

 
 
Allan Vebel (18-05-2002)
Kommentar
Fra : Allan Vebel


Dato : 18-05-02 21:59

Kristian Dueholm Jessen <dueholm@post.tele.dk> skrev:

> Jeg har et irriterende problem med rollovere,

Prøv noget i denne stil i stedet:
....
<script type="text/javascript">
if (Image)
{
sh1 = new Image(140,140);
sh1.src = "images/ornamentik/sh1.jpg";
}
</script>
<body>

<tr>
<td><a href="biografi.htm"
onmouseover="document.nra.src='images/ornamentik/nr1.jpg'"
onmouseout="document.nra.src='images/ornamentik/sh1.jpg'"
><img name="nra" src="images/ornamentik/sh1.jpg" width="140" height="140" border="0"></a></td>
</tr>

Husk at det kun er nødvendigt at hente onmouseoverbilledet ind i cashe,
det andet ligger der allerede - det har du jo hentet én gang.

--
Allan



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

Månedens bedste
Årets bedste
Sidste års bedste