/ 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
Indlæse billeder i browser v.h.a. JavaScri~
Fra : Torben


Dato : 18-06-02 09:36

Hej derude!

Jeg har følgende script, hvor det er tanken at jeg, når min side indlæses i
browseren, vil starte med at indlæse de billeder der skal bruges.
Tanken er at have en knap, som skifter farve, når man kører musen henover
den - skulle være simpelt og er set før. Når billedet skal indlæses allerede
første gang siden loades, så er det for at undgå trafik, hvis man f.eks
kører musen henover samme knap flere gange, så er det jo tåbeligt at den
hver gang skal hente samme billede på webserveren.

Koden ser således ud:

<script language="javascript">
<!--
Forside=new Image(120,35);
Forside1=new Image(120,35);
Forside.src="Knapper/Fors.jpg";
Forside1.src="Knapper/Fors1.jpg";
//-->
</script>

<p align="center">
<a href= "forside.html"
onMouseOver="button1.src='Knapper/Fors1.jpg'"
onMouseOut="button1.src='Knapper/Fors.jpg'">
<img name="button1" id="button1" src="Knapper/Fors.jpg" width=120 height=35
border=0 />
</a>
</p>

Den viser sådan set knappen udmærket, men det har ikke den rette effekt idet
den stadig henter billedet fra webserveren, når musen føres henover, og
dermed går hele ideen tabt.
Jeg ved ikke om årsagen er, at jeg ikke får brugt den variabel jeg opretter
i scriptet?? Men jeg har forsøgt forkellige løsninger uden held.
Kan min løsning komme til at fungere, eller hvordan gør man for at opnå det
ønskede??

Nu mens jeg er igang... Hvis man ønsker at have to billeder placeret lige
under hinanden uden mellemrum, hvad gør man så, for bruger man <p> tagget,
så kommer der jo mellemrum mellem billederne??

Jeg siger på forhånd mange tak for hjælpen.
M.v.h.
Torben Philippsen



 
 
Knud Gert Ellentoft (18-06-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 18-06-02 17:27

Tue, 18 Jun 2002 10:35:36 +0200, skrev "Torben"
<torbenph@worldonline.dk>:

>Jeg har følgende script, hvor det er tanken at jeg, når min side indlæses i
>browseren, vil starte med at indlæse de billeder der skal bruges.

Scriptet er vel placeret i <head>?

Ellers prøv om du kan bruge preloadscriptet på
<http://activedeveloper.dk/artikler/default.asp?articleid=219>

>Nu mens jeg er igang... Hvis man ønsker at have to billeder placeret lige
>under hinanden uden mellemrum, hvad gør man så, for bruger man <p> tagget,
>så kommer der jo mellemrum mellem billederne?

Skriver det på en lang linje.
<p><img src="..."><br><img src="..."></p>

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Torben (18-06-2002)
Kommentar
Fra : Torben


Dato : 18-06-02 18:43

Efter dette script fra active developer linket:

<script language="JavaScript">
<!--
function StartLoading() {
if (document.images)


img1 = new Image();
img1.src = "billede1.jpg";

img2 = new Image();
img2.src = "billede2.gif";

}
}
//-->
</script>

Kan man så bare referere til billedet i body ved at skrive:

<body onLoad="StartLoading();">
<p align="center">
<a href= "forside.html"
onMouseOver="button1.src='img1'"
onMouseOut="button1.src='img2'"
><img name="button1" id="button1" src="img2"/>
</a>
</p>

Eller hvordan er syntaksen?

Du skal have mange tak for hjælpen.
M.v.h.
Torben Philippsen



Knud Gert Ellentoft (18-06-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 18-06-02 19:12

Tue, 18 Jun 2002 19:42:51 +0200, skrev "Torben"
<torbenph@worldonline.dk>:

>Kan man så bare referere til billedet i body ved at skrive:

Det skulle du meget gerne kunne, billederne bliver jo lagt i
browserens cache og burde komme (næsten) med det samme ved
onmouseover.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Torben (18-06-2002)
Kommentar
Fra : Torben


Dato : 18-06-02 23:46

Hej igen!

Det vil bare ikke lykkes.....

Nu har jeg prøvet med:

<script language="JavaScript">
<!--
Forside=new Image(120,35);
Forside.src="Knapper/Fors.jpg";

Forside1=new Image(120,35);
Forside1.src="Knapper/Fors1.jpg";
//-->
</script>

og:

<p align="center">
<a href= "forside.html" target="botumright"
onMouseOver="button1.src='Forside1'"
onMouseOut="button1.src='Forside'"

><img name="button1" id="button1" src=Forside width=120 height=35 border=0
/>

Men jeg kan tilsyneladende ikke referere til variablen med navn Forside
eller for den sags skyld Forside1. Gør jeg noget forkert?? Skyldes det at
jeg ikke kan tilgå mine variable fra scriptet som er i <head> i html'en
<body>??

Kan jeg gøre andet for at gøre variablerne tilgængelige - har prøvet med et
array, men det gav samme resultat.

I håb om opklaring
M.v.h.
Torben Philippsen

PS. kan det virkelig være så svært, findes der en nemmere løsning?



Carsten Nielsen (22-06-2002)
Kommentar
Fra : Carsten Nielsen


Dato : 22-06-02 09:10

"Torben" <torbenph@worldonline.dk> wrote in message
news:aeod35$1vdu$1@news.cybercity.dk
<klip>
> <p align="center">
> <a href= "forside.html" target="botumright"
> onMouseOver="button1.src='Forside1'"
> onMouseOut="button1.src='Forside'"
>
> ><img name="button1" id="button1" src=Forside width=120 height=35 border=0
> />
>
> I håb om opklaring
> M.v.h.
> Torben Philippsen
>
> PS. kan det virkelig være så svært, findes der en nemmere løsning?

Du mener vel:

onMouseOver="button1.src='Fors1.jpg'"
onMouseOut="button1.src='Fors.jpg'"

Venligst
Carsten Nielsen




--
Posted via Mailgate.ORG Server - http://www.Mailgate.ORG

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste