Kod
<script type="text/JavaScript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up // ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
</script>
<!--sekcja BODY-->
<table border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td colspan="4" align="center"><img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"></td>
</tr>
<tr>
<td height="10">
</td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/1.jpg');"><img src="galeria/1.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/2.jpg');"><img src="galeria/2.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/3.jpg');"><img src="galeria/3.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/4.jpg');"><img src="galeria/4.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/5.jpg');"><img src="galeria/5.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/6.jpg');"><img src="galeria/6.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/7.jpg');"><img src="galeria/7.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/8.jpg');"><img src="galeria/8.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/9.jpg');"><img src="galeria/9.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/10.jpg');"><img src="galeria/10.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/11.jpg');"><img src="galeria/11.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/12.jpg');"><img src="galeria/12.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
</table>
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up // ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
</script>
<!--sekcja BODY-->
<table border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td colspan="4" align="center"><img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"></td>
</tr>
<tr>
<td height="10">
</td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/1.jpg');"><img src="galeria/1.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/2.jpg');"><img src="galeria/2.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/3.jpg');"><img src="galeria/3.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/4.jpg');"><img src="galeria/4.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/5.jpg');"><img src="galeria/5.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/6.jpg');"><img src="galeria/6.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/7.jpg');"><img src="galeria/7.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/8.jpg');"><img src="galeria/8.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:doPic('galeria/9.jpg');"><img src="galeria/9.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/10.jpg');"><img src="galeria/10.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/11.jpg');"><img src="galeria/11.jpg" alt="" width="90" height="60" border="0"></a></td>
<td><a href="javascript:doPic('galeria/12.jpg');"><img src="galeria/12.jpg" alt="" width="90" height="60" border="0"></a></td>
</tr>
</table>
Problemn polega na tym, by w miejscu:
Kod
<tr>
<td colspan="4" align="center"><img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"></td>
</tr>
<td colspan="4" align="center"><img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"></td>
</tr>
Ustawic to zdjęcie jako link:
Kod
<tr>
<td colspan="4" align="center"> <a href[b]"<??>"[/b]rel="lightbox" title="cos tam"> <img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"> </a></td>
</tr>
<td colspan="4" align="center"> <a href[b]"<??>"[/b]rel="lightbox" title="cos tam"> <img name="mainpic" src="galeria/1.jpg" alt="" width="364" border="0"> </a></td>
</tr>
Jak to zrobić w JSie by w miejscu <??> na bieżąco dawało link do zdjęcia?