Ændring af position i frame!
Hejsa alle javascript eksperter!Jeg har et online slideshow der kan slide mellem 5 forskellige billeder!
Se slideshowet på www.mobilos.dk og klik på banneret "tilbud"!
Det problem jeg har, er at der i overeste frame er 5 billeder at klikke på, når man klikker på den ønskede knap får man en rød farve!
Mit problem er så, at jeg gerne vil have tal på!!
Dvs. de billeder menuen består af er nu:
ku.gif = sort knap
kr.gif = rød knap
Jeg vil dog gerne have at den virker med følgende knapper!
sorte knapper = ku1.gif, ku2.gif, ku3.gif, ku4.gif, ku5.gif
Røde knapper = kr1.gif, kr2.gif, kr3.gif, kr4.gif, kr5.gif
Håber nogle kan hjælpe, jeg har forsøgt i timevis -
Jeg har vedlagt koden forneden!!
<title>Topmenu</title>
<script LANGUAGE="javascript">
<!--
// opretter variabler og arrays
var who=new Array("item0","item1","item2","item3","item4");
var where=new Array(0,605,1210,1815,2420,3025);
var current=who[0];
var position=0;
var positionstart=0;
var positionend=0;
var time=10;
parent.slider.location.hash=0
var browserokay=false;
var ver = navigator.appVersion.charAt(0);
if (ver >= 4 || (navigator.appName == "Netscape" && ver >= 3))browserokay=true;
if (!browserokay){
alert('Skift browser.' )
}
if(browserokay){
nav_block=new Image(24,12);
nav_block.src="ku.gif"
red_navi=new Image(24,12);
red_navi.src="kr.gif"
red_fr=new Image(24,12);
red_fr.src="ku.gif"
red_bg=new Image(24,12);
red_bg.src="ku.gif"
}
function flip(which){
if(which!=current && browserokay){
x = parseInt(eval(which.charAt(4)))*825;
y = parseInt(eval(current.charAt(4)))*825;
if (navigator.appName == "Netscape" && ver >= 4) y = parent.slider.pageXOffset;
if (x>y){document.images["block"+which].src=red_fr.src;}
if (x<y){document.images["block"+which].src=red_bg.src;}
}
}
function restore(which){
if(which!=current && browserokay){
document.images["block"+which].src=nav_block.src;
}
}
function jump(which){
if(which!=current && !browserokay){
parent.slider.location.hash=where[seek(which)]
//alert(parent.slider.location.hash)
}
if(which!=current && browserokay){
startslide(where[seek(current)],where[seek(which)])
document.images["block"+current].src=nav_block.src;
document.images["block"+which].src=red_navi.src;
current=which;
}
}
function startslide(start,end){
position=0;
positionstart = start
if (navigator.appName == "Netscape" && ver >= 4) positionstart = parent.slider.pageXOffset;
positionend=end;
slide(positionstart,positionend);
}
function slide(start,end){
position+=(Math.max(start,end)-Math.min(start,end))/(250/time);
if(start<end) parent.slider.scroll(right(position,start,end),0);
else parent.slider.scroll(left(position,start,end),0);
if(position<=Math.max(start,end)) setTimeout("slide(positionstart,positionend)",time);
}
function right(position,start,end){return -(end-start)*(Math.pow(position-end,2)/Math.pow(end,2))+end;}
function left(position,start,end){return (start-end)*(Math.pow(position-start,2)/Math.pow(start,2))+end;}
function seek(part){
var distance=who.length;
for(var loop=0;loop<distance;++loop) if(who[loop]==part) break;
return loop;
// scroll funktion slut
}
//-->
</script>
<base target="_self">
</head>
<body bgcolor="#666666" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"
topmargin="4" leftmargin="10">
<table cellspacing=0 cellpadding=0 width=100% border=0>
<tbody>
<tr>
<td valign=top bgcolor=#007590 height=25 width="44%">
<div align=left><img height=25 src="design%20slide/themplate-filer/transpx.gif"
width=1><img height=25 src="design%20slide/themplate-filer/topbg.gif"
width=319></div>
</td>
<td valign=top bgcolor=#007590 height=25 width="40%">
<div align="right"><font face="Verdana" size="1">Klik for Navigering</font>
</div>
</td>
<td valign=top bgcolor=#007590 height=25 width="16%">
<table width="100" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="24"><a href="java script:jump('item0')" onMouseOver="flip('item0')"
onMouseOut="restore('item0')"><img name="blockitem0" src="images/kr.gif" align="top" border="0"
width="20" height="20"></a></td>
<td width="24"><a href="java script:jump('item1')" onMouseOver="flip('item1')"
onMouseOut="restore('item1')"><img name="blockitem1" src="images/ku.gif" align="top" border="0"
width="20" height="20"></a></td>
<td width="24"><a href="java script:jump('item2')" onMouseOver="flip('item2')"
onMouseOut="restore('item2')"><img name="blockitem2" src="images/ku.gif" align="top" border="0"
width="20" height="20"></a></td>
<td width="24"><a href="java script:jump('item3')" onMouseOver="flip('item3')"
onMouseOut="restore('item3')"><img name="blockitem3" src="images/ku.gif" align="top" border="0"
width="20" height="20"></a></td>
<td width="24"><a href="java script:jump('item4')" onMouseOver="flip('item4')"
onMouseOut="restore('item4')"><img name="blockitem4" src="images/ku.gif" align="top" border="0"
width="20" height="20"></a></td>
</tr>
</table>
<div align="right"></div>
</td>
</tr>
<tr>
<td valign=top bgcolor=#ffffff height=1 colspan="3"><img height=1
src="design%20slide/themplate-filer/transpx.gif" width=1></td>
</tr>
<tr bgcolor="#d2d6c4">
<td colspan="3"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#666666"><%=(slideshow.Fields.Item("STitle").Value)%></font></td>
</tr>
</tbody>
</table>
<p> </p>
</body>
</html>
