Permalänk
Medlem

Javascript hjälp...

Hoppas nån har lust att förklara lite koden nedan, förstår inte riktigt vad allt betyder. Första delen som ska vara mellan head taggarna fattar jag nästan ingeting, den andra delen fattar jag förutom "document.Picture.src", förstår inte riktigt vad document är i "document.Picture.src" annars fattar jag andra delen.
Hoppas nån förstår sig på det här...

<script language = JAVASCRIPT>
<!-- Hide script from old browsers
if (document.images)
{
stationaryPicture = new Image
movingPicture = new Image

stationaryPicture.src = "StationaryPicture.gif"
movingPicture.src = "Animated.gif"
}
// Stop hiding script from older browsers -->
</SCRIPT>

<p align="center">
<A HREF="StationaryPicture.gif" onMouseover = "document.Picture.src=movingPicture.src" onMouseout = "document.Picture.src=stationaryPicture.src">
<IMG BORDER="0" SRC="stationaryPicture.gif" NAME = "Picture" WIDTH="89" HEIGHT="124"></A>

Permalänk

vad koden gör , det är helt enkelt att byta bild på <img> taggen när du tar musen över <a> länken för att sen byta tillbaka när du tar bort musen

Citat:

stationaryPicture = new Image
movingPicture = new Image
stationaryPicture.src = "StationaryPicture.gif"
movingPicture.src = "Animated.gif"

här deklareras två variablar vid namn stationaryPicture och movingPicture
varsin bild lagras i dessa variablar (StationaryPicture.gif och Animated.gif)

Citat:

<A HREF="StationaryPicture.gif" onMouseover = "document.Picture.src=movingPicture.src" onMouseout = "document.Picture.src=stationaryPicture.src">

när du tar musen över denna länk så byter den bilden på <img> taggen, vars namn är "Picture" (därav Document.Picture.src) till den bild som movingPicture variabeln innehåller
sen byter den tillbaka till usprungsbilden när du väl tar bort musen.

Permalänk
Medlem

<script language = JAVASCRIPT>
<!-- Hide script from old browsers
if (document.images) (Kollar om webbläsaren klarar av att ändra i bilderna)
{
stationaryPicture = new Image (Skapar en variabel som heter stationaryPicture och innehåller en bild)
movingPicture = new Image (Samma som ovan)

stationaryPicture.src = "StationaryPicture.gif" (Säger åt variabeln vilken fil den ska peka på)
movingPicture.src = "Animated.gif" (Samma som ovan)
}
// Stop hiding script from older browsers -->
</SCRIPT>

<p align="center">
<A HREF="StationaryPicture.gif" onMouseover = "document.Picture.src=movingPicture.src" onMouseout = "document.Picture.src=stationaryPicture.src"> (Skapar en länk. När musen flyttas över den växlar den vilken fil som ska visas i bilden Picture. Den växlar mellan de två variablerna som skapades innan)

<IMG BORDER="0" SRC="stationaryPicture.gif" NAME = "Picture" WIDTH="89" HEIGHT="124"></A> (skapar bilden som heter Picture)

Permalänk
Medlem

Den byter ju ut bilden när du tar musen över..

Visa signatur

Swec @ 2001 / Chalmerist - Javisst!
'Den som har flest prylar när han dör vinner!'

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Dain
<script language = JAVASCRIPT>
<!-- Hide script from old browsers
if (document.images) (Kollar om webbläsaren klarar av att ändra i bilderna)
{
stationaryPicture = new Image (Skapar en variabel som heter stationaryPicture och innehåller en bild)
movingPicture = new Image (Samma som ovan)

stationaryPicture.src = "StationaryPicture.gif" (Säger åt variabeln vilken fil den ska peka på)
movingPicture.src = "Animated.gif" (Samma som ovan)
}
// Stop hiding script from older browsers -->
</SCRIPT>

<p align="center">
<A HREF="StationaryPicture.gif" onMouseover = "document.Picture.src=movingPicture.src" onMouseout = "document.Picture.src=stationaryPicture.src"> (Skapar en länk. När musen flyttas över den växlar den vilken fil som ska visas i bilden Picture. Den växlar mellan de två variablerna som skapades innan)

<IMG BORDER="0" SRC="stationaryPicture.gif" NAME = "Picture" WIDTH="89" HEIGHT="124"></A> (skapar bilden som heter Picture)

tack så mycket för den utförliga förklaringen, tråden kan nog låsas.