Chcsz dokladnie taka, jaka znajduje sie pod wskazanym adresem?
Jesli tak, to kod wyglada jak nizej:
<table cellpadding="0" cellspacing="1" width="100%">
<tr>
<td class="tbl1" valign="top" align="center">
<script type="text/javascript">
function g(img)
{
document.getElementById('image').src = '/images/galeria/' + img + '.jpg';
}
</script>
<div>
<img id="image" src="/images/galeria/1.jpg" width="600" height="420" style="border:1px solid #E84509;">
</div>
</div>
<div style="background-image:url(adres_jakiegos_tla); background-repeat:repeat-x; padding:13px;">
<a href="javascript:g(1);"><img src="/images/galeria/t1.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(2);"><img src="/images/galeria/t2.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(3);"><img src="/images/galeria/t3.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(4);"><img src="/images/galeria/t4.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(5);"><img src="/images/galeria/t5.jpg" border="0" style="border:1px solid #E88317;"></a><br>
<a href="javascript:g(6);"><img src="/images/galeria/t6.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(7);"><img src="/images/galeria/t7.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(8);"><img src="/images/galeria/t8.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(9);"><img src="/images/galeria/t9.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(10);"><img src="/images/galeria/t10.jpg" border="0" style="border:1px solid #E88317;"></a><br>
<a href="javascript:g(11);"><img src="/images/galeria/t11.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(12);"><img src="/images/galeria/t12.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(13);"><img src="/images/galeria/t13.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(14);"><img src="/images/galeria/t14.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(15);"><img src="/images/galeria/t15.jpg" border="0" style="border:1px solid #E88317;"></a><br>
<a href="javascript:g(16);"><img src="/images/galeria/t16.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(17);"><img src="/images/galeria/t17.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(18);"><img src="/images/galeria/t18.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(19);"><img src="/images/galeria/t19.jpg" border="0" style="border:1px solid #E88317;"></a>
<a href="javascript:g(20);"><img src="/images/galeria/t20.jpg" border="0" style="border:1px solid #E88317;"></a><br>
</div>
</td>
</tr>
</table>
Wystarczy wkleic do strony dodatkowej (informacyjnej) lub jako osobny plik, nazwac i zapisac.
Zdjecia umiesc w katalogu:
/images/galeria/
Miniaturki nazwij kolejno t1, t2, t3 etc., natomiast zdjecia 1, 2, 3 etc.
Wielkosci sam ustal.
Dzialanie: http://test.fusio...?page_id=2
Edytowane przez Pieka dnia 16.04.2008 10:49:47
Jestem jaki jestem
|