Hejsa.
Jeg har lavet lavet en hjemmeside hvor der skal være et billedegallery (slide), som kan køre ved at man trykker på "frem" og "tilbage", og det fungere via javascipt, som I nok ved.
Men nu ønsker vedkommende som hjemmesiden er til, at man også skal kunne trykke på billederne, så du bliver forstørret op . Dette skal foregå i et popupvindue. Altså skal der flettes en javascript kode i den allerede eksisterende javascriptkode, som styre billedeslidegalleryet. Og hvordan gør man det, og hvordan ser en sådan kode ud, hvor det er et billede man skal trykke på og ikke en tekstlink.
Mange hilsner fra Jannie
Den kode jeg allerede har lavet (fået lavet) ser således ud og giver følgende:
http://www.gourmetchefen.dk/Gallery/galleri.html ::
<SCRIPT language=javascript>
var path = "../Gallery/galleri/" // Sti hen til mappe med billeder
var pics = new Array( "21820CCF.jpg", "21821CCF.jpg", "21829CCF.jpg", "21830CCF.jpg", "21841CCF.jpg", "21842CCF.jpg", "21844CCF.jpg", "21845CCF.jpg", "21852CCF.jpg", "21873CCF.jpg", "21888CCF.jpg", "21889CCF.jpg", "21897CCF.jpg", "21898CCF.jpg", "21905CCF.jpg", "21907CCF.jpg", "21922CCF.jpg", "21925CCF.jpg", "21926CCF.jpg", "21938CCF.jpg", "21941CCF.jpg", "21971CCF.jpg", "FD001152.jpg", "FD001170.jpg" );
holder = new Array( );
for (var i=0; pics.length > i; i++) { // start prefetch af billederne
holder[i] = new Image();
holder[i].src = "" +path +pics[i];
};
mbnr = 0 // mummer på nuvaerende billede.
function visPic(step) { // laver 'slideshow' med billederne i holder[]
mbnr = mbnr +step;
if ( mbnr >= holder.length ) mbnr = 0;
if ( 0 > mbnr ) mbnr = holder.length-1;
document.images.form.src = holder[mbnr].src
}; //slut vis billede
// --></script>
</head>
<body bg text="#000000">
<div align="center">
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="400" height="180" bgcolor="" valign="top"> <table width="400" border="0" cellspacing="0" cellpadding="0" height="180">
<tr>
<td height="180" valign="top" class="knap">
<p> </p>
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center" height="150">
<tr>
<td height="231"> <FORM ACTION="javascript:return false" name=marm method=post onsubmit="return false;">
<p align="center"> <img src="galleri/21818CCF.jpg" name='form' width=200 height=150 border=0 align=bottom></p><!-- her peges på det billede som ses først -->
<p align="center">
<input type="button" name="tilbage" onClick='visPic(+1)' value='<' class="knap">
<input type="button" name="fremad" onClick='visPic(-1)' value='>' class="knap">
</p>
<p> </p>
</FORM></td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div align="right"></div>
<map name="Map">
<area shape="rect" coords="1,1,219,76" >
</map>
</body>
<!--
//-->
</html>