Bildbytarscript

3 svar · 185 visningar · startad av jepsO 11 maj 2001

jepsOMedlem sedan mars 2001484 inlägg

Frågan11 maj 2001 08:37#1

Nej, det är ingen fråga om onMouseOver-script

Jag har följande kod för att byta bild varje gång man klickar på bilden i fråga:

<script language="JavaScript">
function SwapImg(img) {
		if (document.images[img].src = "images/"+img+".gif") {
			document.images[img].src = "images/"+img+"2.gif";
		}
		else {
			document.images[img].src = "images/"+img+".gif";
		}
    }
-->
</script>

<img border="0" src="images/bold.gif" name="bold" onClick="SwapImg('bold')">

Fungerar det inte att göra en if-sats baserad på den nuvarande sökvägen till en bild?

PeWMedlem sedan juni 200010 432 inlägg

11 maj 2001 21:29#2

Kan du utveckla?

jepsOMedlem sedan mars 2001484 inlägg

11 maj 2001 21:59#3

Syftet med scriptet är att jag har en knapp liknande den i Word för fetstil. När jag klickar på den ska bilden bytas till bold2.gif, dvs samma knapp men "nedtryckt". Vid nästa klick ska den växla tillbaka till bold.gif igen, dvs "ej nedtryckt".

Jag hade tänkt göra en if-sats baserad på sökvägen för bilden "bold" (document.images['bold'].src) och därigenom avgöra vilken bild scriptet ska växla till, men det gick inge vidare.

Finns det en bättre lösning månne?

PeWMedlem sedan juni 200010 432 inlägg

12 maj 2001 11:06#4

För att hålla reda på vilken bild kan du ju använda dig av en flagga som parameter till att styra andra funktioner. Här med flaggan kalle:

<script language="JavaScript">
kalle=0;
function SwapImg() {
kalle++;
if(kalle>1)kalle=0;
if (kalle==1){
document.images[_index_].src = "images/bild2.gif";
}
else {
document.images[_index_].src = "images/bild1.gif";
}
}
-->
</script>
<img border="0" src="images/bold.gif" name="bold" onClick="SwapImg()">

Vid kalle=0 är det 1:a bilden och om kalle=1 är det den andra. Vilket ger att en annan funktion som t.ex styr teckenegenskaper oxå kan använda kalle för att veta vilket det ska vara.