/ 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
billede script?
Fra : Thomas Brejner


Dato : 18-02-04 17:40

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



 
 
Fynbo (18-02-2004)
Kommentar
Fra : Fynbo


Dato : 18-02-04 18:00


"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



Lasse Reichstein Nie~ (18-02-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 18-02-04 19:45

"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.'

Thomas Brejner (19-02-2004)
Kommentar
Fra : Thomas Brejner


Dato : 19-02-04 17:30

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.'



Fynbo (19-02-2004)
Kommentar
Fra : Fynbo


Dato : 19-02-04 18:07


"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



Severino (19-02-2004)
Kommentar
Fra : Severino


Dato : 19-02-04 22:59

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
>
>



Lasse Reichstein Nie~ (20-02-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 20-02-04 00:51

"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.'

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

Månedens bedste
Årets bedste
Sidste års bedste