во, вот так намного культурнее и логичней, ну и опять-же с превьюшками:
Цитата:
<head>
</head>
<body>
<script type="text/javascript">
function changePic(num){
var picHolder = document.getElementById('pic');
picHolder.src=num+".jpg";
}
</script>
<p><center><img src="1.jpg" name="pic" id="pic" /></center></p>
<table width="100%" border="1">
<?php
$indT = 1;
do {
print "<tr>";
print "<td><img src='{$indT}.jpg' width='200' height='200' onclick='changePic({$indT})'/></td>";
$indT++;
print "<td><img src='{$indT}.jpg' width='200' height='200' onclick='changePic({$indT})'/></td>";
$indT++;
print "<td><img src='{$indT}.jpg' width='200' height='200' onclick='changePic({$indT})'/></td>";
$indT++;
print "<td><img src='{$indT}.jpg' width='200' height='200' onclick='changePic({$indT})'/></td>";
$indT++;
print "<tr>";
} while ($indT<100);
?>
</table>
</body>
</html>
|
ессно надо доработать - брать разрешение картинки, проверять наличие и т.п. но реально лениво - сам учись
кстати вот, для проверки на этом скриптике можете полюбоваться моей собачкой:
отлично заметно что надо сделать уменьшение картинок с сохранением пропорций ;-)