Javascript 在cernain图像数后放置一个div

以下代码：

var images = [/*array with images*/];
var nofImages = images.length;

$(document).ready(function(){

    var docheight = $('.main_insidem').height();    
    var docwidth = $('.main_insidem').width();
    var he = Math.round((docheight/120));
    var wi = Math.round((docwidth/115));
    var total = (he*wi);

    var container = document.getElementById('slidesContainer');
    for (var i=0;i<nofImages;i++) {
        var slide = document.createElement('div');
        slide.className="slide";

        var img = document.createElement('img');
        img.src=images[i];
        img.className="image"+i;

        slide.appendChild(img);
        container.appendChild(slide);
    }

}) 

var images=[/*带图像的数组*/]；
var nofImages=images.length；
$（文档）.ready（函数（）{
var docheight=$（'.main_insidem'）.height（）；
var docwidth=$（'.main_insidem'）.width（）；
var he=数学四舍五入（（八舍五入/120））；
var wi=数学圆（（docwidth/115））；
var总计=（he*wi）；
var container=document.getElementById（'slideContainer'）；
对于（var i=0；i试试这个

var images = [/*array with images*/],
    nofImages = images.length,
    imagesPerDiv = 2;

$(document).ready(function(){
    var docheight = $('.main_insidem').height(),
        docwidth = $('.main_insidem').width(),
        he = Math.round((docheight/120)),
        wi = Math.round((docwidth/115)),
        total = (he*wi),
        container = $('#slidesContainer');

    loopCNT = Math.ceil(nofImages  / imagesPerDiv);

    for (var i=0;i<=loopCNT;i++) {
        var slide = document.createElement('div');
        slide.className="slide";

        for (var j=i-1*imagesPerDiv;j<=imagesPerDiv;i++) {
            var img = document.createElement('img');
            img.src=images[j];
            img.className="image"+j;
            slide.appendChild(img);
            j++;
        }
        container.appendChild(slide);
    }
}) 

var images=[/*带图像的数组*/]，
nofImages=images.length，
imagesPerDiv=2；
$（文档）.ready（函数（）{
var docheight=$（'.main_insidem'）.height（），
docwidth=$（'.main_insidem'）.width（），
他=数学圆（（八分/120）），
wi=数学圆（（docwidth/115）），
总计=（he*wi），
容器=$（'slidecontainer'）；
loopCNT=Math.ceil（nofImages/imagesPerDiv）；
对于（var i=0；i来看：

它不是完全正确，它在第一组图像之前一直在创建空白div，它做你需要的，如果你能弄清楚为什么它添加了空白div，那么它将是完美的：
我不明白你对var total中的图像数量的意思-你能更具体地说明你想要实现什么吗？你想让div与容器或嵌套在同一级别上吗？听起来你想在主循环中加入另一个循环。有人会过来给你解决方案，因为这里没有人让人们学习……我已经做到了主循环中已经有另一个循环，它冻结了我的浏览器..任何人都能看到原因吗？McStretch，在同一个标签上是我所需要的。Chris，我已经在上面的帖子中编辑了我需要的代码，所以它更清晰。如果没有，请告诉我。它对你有用吗？它冻结了Firefox和Chrome：（对不起，我没有注意到你有一个有效的解决方案。
<div class='main_insidem' style="height:500px;">
    <div id="slidesContainer">
        <div class="slide"><img src="1.png" class="image0"> <img src="2.png" class="image1">.. and and so on until the value in var total is reached</div>
        <div class="slide"><img src="..png" class="image.."> <img src="...png" class="image">.. and and so on until the value in var nofImages is reached</div>
        .
        .
        .
        .
    </div>
</div>

var images = [/*array with images*/],
    nofImages = images.length,
    imagesPerDiv = 2;

$(document).ready(function(){
    var docheight = $('.main_insidem').height(),
        docwidth = $('.main_insidem').width(),
        he = Math.round((docheight/120)),
        wi = Math.round((docwidth/115)),
        total = (he*wi),
        container = $('#slidesContainer');

    loopCNT = Math.ceil(nofImages  / imagesPerDiv);

    for (var i=0;i<=loopCNT;i++) {
        var slide = document.createElement('div');
        slide.className="slide";

        for (var j=i-1*imagesPerDiv;j<=imagesPerDiv;i++) {
            var img = document.createElement('img');
            img.src=images[j];
            img.className="image"+j;
            slide.appendChild(img);
            j++;
        }
        container.appendChild(slide);
    }
}) 

var images = [/*array with images*/],
    nofImages = images.length,
    imagesPerDiv = 2;

$(function() {
    loopCNT = Math.ceil(nofImages  / imagesPerDiv);
    for (var i=0;i<=loopCNT;i++) {
        var slide = $('<div />', { class: 'slide' });

        for (var j=i-1*imagesPerDiv;j<=imagesPerDiv;i++) {
            $('<img />', { class: "image"+j, src: images[j] }).appendTo(slide);
            j++;
        }
        $('#slidesContainer').append(slide);
    }
})