dudeMedlem sedan aug. 2002386 inlägg Hejsan!
På http://www.svenskbarnsmartforening.e.se/test/svenskbarnsmartforening/index.htm använder jag mig av ett script som när man klickar på en text-länk så ändras en bild, problemet är dock att när jag trycker på nästa länk så ändras nästa bild också samt att den gamla bilden ligger kvar, men jag vill att den ska återställas.
Lite flummigt förklarat kanske, men ta en titt på menyn så fattar ni nog vad jag menar.
Någon som vet hur man ändrar detta???
Detta är ungefär koden jag använder:
<tr>
<td height=31><a href="text.htm" onClick="www('over_knapp.gif','forsta');" target="text">Förstasidan</a></td>
</tr>
<tr>
<td height=31><a href="info.htm" onClick="www('over_knapp.gif','info');" target="text">Information</a></td>
</tr>
och på bilderna:
<tr>
<td><img src="knapp.gif" width="160" height="31" name="forsta"></td>
</tr>
<tr>
<td><img src="knapp.gif" width="160" height="31" name="info"></td>
</tr>
Tack på förhand!
Jesper TMedlem sedan nov. 20017 144 inlägg Hej!
Använd gärna [ kod]-taggarna så blir koden tydligare.
Så här gör jag:
i <head>:
<script language="JavaScript" >
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
Och där jag skall lägga länkarna:
<a href="index.htm" target="mainFrame" onClick="MM_nbGroup('down','group1','aoff','hem_on.gif',1)" onMouseOver="MM_nbGroup('over','aoff','hem_on.gif','hem_on.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="hem_off.gif" width="49" height="26" vspace="0" hspace="0" name="aoff" border="0" alt="Startsidan" onLoad=""></a>
Och lägger jag flera länkar så ändrar jag "aoff" till "boff", "coff", "doff" osv.
Kanske går att göra smidigare.
