---

Hej
Jeg mangler en kode til at den skifter et billede et sted på siden når man
fører musen over et tekst link.
Er det noget der er nogen der kender til ?

Mvh Thomas

---

"Thomas Brejner" <Brejner@GrineFlippet.invalid> skrev i en meddelelse
news:c104hk$a3a$1@news.cybercity.dk...
> Hej
> Jeg mangler en kode til at den skifter et billede et sted på siden når man
> fører musen over et tekst link.
> Er det noget der er nogen der kender til ?
>
> Mvh Thomas
>
>

Læs dog lidt tilbage i gruppen. Havde du gjort det
havde du fundet dette link
http://dynamicdrive.com/dynamicindex15/index.html

Fynbo

---

"Fynbo" <fynbo@invalid.dk> writes:

> "Thomas Brejner" <Brejner@GrineFlippet.invalid> skrev i en meddelelse
> news:c104hk$a3a$1@news.cybercity.dk...

>> Jeg mangler en kode til at den skifter et billede et sted på siden når man
>> fører musen over et tekst link.
>> Er det noget der er nogen der kender til ?

> Læs dog lidt tilbage i gruppen. Havde du gjort det
> havde du fundet dette link
> http://dynamicdrive.com/dynamicindex15/index.html

Hmm. Efter at have kigget på siden, så kan jeg ikke anbefale en eneste
af scriptene. De fleste virker ikke som beskrevet (eller overhovedet)
i min browser (Opera 7), og den der virker bruger ugyldig HTML.


At skifte billede er noget af det nemmeste der er I Javascript, så her
er et simpelt, gyldigt, eksempel:

---
<script type="text/javascript">
function skiftImg(navn,url) {
document.images[navn].src = url;
}
</script>...
....<img src="PicA.png" id="imgName" name="imgName">...
....<a href="sideatgåtil.html"
onmouseover="skiftImg('imgName','PicB.png');"
onmouseout="skiftImg('imgName','PicA.png');">et link</a>...
---

Hvis dt er store billeder kan man ønske at sørge for at de er hentet
fra serveren før man skifter første gang (såkaldt "preloading"). Det
er uafhængigt af det at skifte billedet, så det bør du gemme til du
har skiftet til at virke.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

Hej
Du snakker om noget preloading, hvordan fungere det?

Mvh Thomas
> Hvis dt er store billeder kan man ønske at sørge for at de er hentet
> fra serveren før man skifter første gang (såkaldt "preloading"). Det
> er uafhængigt af det at skifte billedet, så det bør du gemme til du
> har skiftet til at virke.
>
> /L
> --
> Lasse Reichstein Nielsen - lrn@hotpop.com
> DHTML Death Colors:
<URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
> 'Faith without judgement merely degrades the spirit divine.'

---

"Thomas Brejner" <Brejner@GrineFlippet.invalid> skrev i en meddelelse
news:c12o9j$308d$1@news.cybercity.dk...
> Hej
> Du snakker om noget preloading, hvordan fungere det?
>
> Mvh Thomas

Dette fandt google på under 1 sekund
http://www.google.com/search?sourceid=navclient&hl=da&ie=UTF-8&oe=UTF-8&q=Preloading+script

---

Ja ja de fynboerka' bare det der do!
"Fynbo" <fynbo@invalid.dk> skrev i en meddelelse
news:4034ed27$0$55928$edfadb0f@dtext01.news.tele.dk...
>
> "Thomas Brejner" <Brejner@GrineFlippet.invalid> skrev i en meddelelse
> news:c12o9j$308d$1@news.cybercity.dk...
> > Hej
> > Du snakker om noget preloading, hvordan fungere det?
> >
> > Mvh Thomas
>
> Dette fandt google på under 1 sekund
>
http://www.google.com/search?sourceid=navclient&hl=da&ie=UTF-8&oe=UTF-8&q=Preloading+script
>
>

---

"Thomas Brejner" <Brejner@GrineFlippet.invalid> writes:

> Du snakker om noget preloading, hvordan fungere det?

Hvis man har billeder på siden, så bliver de hentet samtidigt med
resten af siden. Hvis du så skifter et billede, fx ved mouseover, så
skal det nye billede først hentes fra serveren inden det kan vises.
Når det er hentet en gang, så ligger det i cachen, og man kan hurtigt
skifte til det igen, men første gang tager ekstra tid.

For at undgå det, så sørger man for at browseren henter, og cacher,
billedet før man får brug for det. Det gør man ved at lade som om
man har brug for det, men undlade at vise det på siden.

Et eksempel på kode der henter et billede er:
---
<script type="text/javascript">
var img = new Image();
img.src="http://www.example.com/etBillede.png";
</script>
---
Det laver et Image-objekt (svarer til img-tagget) og sætter
src-attributten til URL'en på billedet. Derefter kan man sætte
billedet ind på siden, men man kan også lade være. Browseren
begynder at hente billedet når man sætter src-attributten.

Hvis man har mage billeder, så kan man gøre det kortere end
bare at gentage ovenstående en hel masse gange, men for få
billeder er der ingen grund til at komplicere sagen.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'