Javascript 如何在将缩略图图像附加到DIV时将其定位在特定模式中？

我正在构建一个包含150个缩略图的图库，我正在使用jQuery脚本将图像放置到一个DIV中，并将它们链接到更大的版本：

function getImageThumb(number) {
return $('<a href="javascript:void(0);" title="Plate ' + number + '" rel="{gallery: \'gal1\', smallimage: \'./Vol4/Small/tafel_' + number + '.jpg\', largeimage: \'./Vol4/Large/tafel_' + number + '.jpg\'}">' +
         '<img src="./Vol4/Thumbs/tafel_' + number + '.jpg" alt="Plate ' + number + '" width="100" height="150" border="0" /></a>');}

$(document).ready(function(){  
    for (var i=450; i<601; i++) {
    $(".pane").append(getImageThumb(i)); 
    }
});  

这个想法是，完成的DIV将是300px乘以450px，并且一次只显示9个图像的单个块。用户可以向左或向右滚动以查看不同组的9个缩略图。但是当我用这些维度创建一个DIV并运行脚本时，它只是溢出了底部，我得到了三列和50行，如下所示：

01 02 03
04 05 06
07 08 09
10 11 12
13 14 15  and so forth

当我将图像附加到DIV中时，有人能告诉我一种简单的方法来将图像定位到正确的模式吗？

使用操作符

var paneCount = 1;
for (var i=450; i<601; i++) {
    if ( i % 9 == 0 )
       paneCount ++;
    $(".pane"+paneCount).append(getImageThumb(i)); 
}

---

您可以这样做：

01 02 03
04 05 06
07 08 09
10 11 12
13 14 15  and so forth

---

杰出的这是我解决问题所需要的一点。谢谢你的帮助。