åbne ny vindue
Hej,jeg har lavet et script til at bladre billeder med og jeg vil nu lave det så man bladre i mindre billeder som kan klikkes på og åbnes som stort i et nyt vindue. jeg kan simpelthen ikke få dette til at virke. både bladre billeder og åbne større billede i nyt vindue virker begge to fint, men når jeg prøver at køre dem sammen går der et eller andet galt!
det er denne linie jeg bruger til at sende variabler videre til display funktionen: imghtml ='<a href="#" onclick="display('+which[0]+','+which[1]+');return false;">';
håber meget der er en der kan hjælpe!!
mvh,
Robert
Koden:
-----------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>pics<title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE type="text/css">
img { border: 0 }
#button
{
width:45px;
vertical-align:bottom;
}
#list
{
vertical-align:bottom;
}
#extlinks
{
text-align:rigth;
vertical-align:bottom;
}
</STYLE>
<script type="text/javascript">
var numberslide=new Array()
numberslide[0]=["fin01.jpg", "1", "1"]
numberslide[1]=["fin02.jpg", "2", "2"]
numberslide[2]=["fin03.jpg", "3", "3"]
numberslide[3]=["fin04.jpg", "4", "4"]
numberslide[4]=["fin05.jpg", "5", "5"]
numberslide[5]=["fin06.jpg", "6", "6"]
numberslide[6]=["fin07.jpg", "7", "7"]
numberslide[7]=["fin08.jpg", "8", "8"]
numberslide[8]=["fin09.jpg", "9", "9"]
numberslide[9]=["fin10.jpg", "10", "10"]
numberslide[10]=["fin11.jpg", "11", "11"]
numberslide[11]=["fin12.jpg", "12", "12"]
numberslide[12]=["fin13.jpg", "13", "13"]
numberslide[13]=["fin14.jpg", "14", "14"]
numberslide[14]=["fin15.jpg", "15", "15"]
numberslide[15]=["fin16.jpg", "16", "16"]
numberslide[16]=["fin17.jpg", "17", "17"]
numberslide[17]=["fin18.jpg", "18", "18"]
numberslide[18]=["fin19.jpg", "19", "19"]
numberslide[19]=["fin20.jpg", "20", "20"]
numberslide[20]=["fin21.jpg", "21", "21"]
numberslide[21]=["fin23.jpg", "23", "23"]
var stshow=0;
var currentindex=""
function changeslides(which){
var imghtml=""
currentindex=(which=="initial")? 0 : parseInt(which)
var mode=(which=="initial")? "initial" : ""
var which=(mode=="initial")? numberslide[0] : numberslide[which]
if (which[1]!="")
imghtml ='<a href="#" onclick="display('+which[0]+','+which[1]+');return false;">';
imghtml+='<img src="'+which[0]+'" />';
if (which[1]!="")
imghtml+='</a>';
if (mode=="initial")
document.write('<div>'+imghtml+'</div>')
else{
document.getElementById("imagecontainer").innerHTML=imghtml
}
}
function createnumbers(){
document.write('<a href="java script:changeslides(0)">'+numberslide[0][2]+'</a> ' )
for (i=1; i< numberslide.length; i++)
document.write('<a href="java script:changeslides(\''+i+'\')">'+numberslide[i][2]+'</a> ')
}
function goforward(){
if (currentindex<numberslide.length-1)
changeslides(currentindex+1)
}
function goback(){
if (currentindex!=0)
changeslides(currentindex-1)
}
function display(hvad, navn){
html ='<html><head><title>'+navn+'</title></head><body style="overflow:hidden; border:0;">';
html+='<img src="' + hvad + '" style="position:absolute; top:0; left:0;';
html+='border:0;" onload="window.resizeTo(document.images[0].width+8,document.images[0].height+32)">';
html+='</body></html>';
popup=window.open('','',"width=100, height=100, toolbar=0,location=0,directories=0,menubar=0,scrollbars=0,resizable=1");
popup.document.open();
popup.document.write(html);
popup.document.focus();
popup.document.close();
}
</script>
</head>
<body>
<div id="slideshowContainer">
<table>
<tr>
<td id="button"> <div id="backforthbuttons"> <a href="java script:goback()" style="float: left"><img src="Barrow.gif" alt="" /></a>
</div></td>
<td id="button"> <div id="backforthbuttons"> <a href="java script:goforward()" style="float:left"><img src="Farrow.gif" border="0"></a>
</div></td>
<td id="list">
<div id="numberDiv">
<img src="spacer.gif">
<script type="text/javascript">
createnumbers() //This call writes out the numbers
</script>
</div> </td>
<td id="extlinks">
<a href="fugl.htm" style="float:right">more</a>
</td>
</tr>
<tr>
<td colspan="4"> <div id="imagecontainer">
<script type="text/javascript">
changeslides("initial") //This call displays the first image
</script>
</div></td>
</tr>
</table>
</div>
</body>
</html>
