пысы
пока некоторые предлагают подтягивать артиллерию, задачку можно решить весьма тривиально на чистой яве без пых-пыха - по крайней мере так я понял нужду аффтара. с одной стороны не нужен сервак с пых-пыхом, с другой стороны ползать скриптом по дому это моветон страшный, но вообще можно:
Цитата:
<head>
</head>
<body onload="buildTable()">
<script type="text/javascript">
var imgIndex = 1;
var tdCount=0;
function addRow(id){
var tbody = document.getElementById("picHolder");
var row = document.createElement("TR")
while (tdCount<4){
var td1 = document.createElement("TD")
var img1 = document.createElement("IMG")
img1.setAttribute('src', imgIndex+'.jpg');
img1.setAttribute('height', '150px');
img1.setAttribute('width', '200px');
img1.setAttribute('onclick', 'setBigImage(this.src)');
imgIndex++;
td1.appendChild(img1);
row.appendChild(td1);
tdCount++;
};
tdCount=0;
tbody.appendChild(row);
};
function setBigImage(num){
var bigImgHolder = document.getElementById("bigImg");
bigImgHolder.src=num;
};
function buildTable(){
var row_num = 0;
while (row_num<2) {
addRow('myTable');
row_num++;
}
}
</script>
<table id="picHolder" cellspacing="0" border="0">
<tr>
<td colspan="4" height="500">
<center> <img src="1.jpg" id="bigImg"/></center>
</td>
</tr>
</table>
</body>
</html>
|
посмотреть решение в действие можно опять-же на моей собаке:
понятно что под 250 картинок надо поменять while (row_num<2) на число побольше (это число строк)
( число столбцов в строке тут: while (tdCount<4) )