Javascript html gallery

Javascript html gallery

本文关键字:gallery html Javascript      更新时间:2023-09-26

我正在为我的网站编辑/创建以下脚本。正如您在下面看到的,我希望他在每行的开头添加一个<div class="row">。(很难解释)。然后使用var"getal",我希望他在其中的4个项目之后结束这个DIV标记(4倍foreach循环)但我尝试使用If循环的方式不起作用。有什么想法吗?(如果没有<div class="row">,代码运行良好,如果循环和vargetal.

function show_albums (response) {
    var getal = 0;
    //hide main loader
    $('#loading_gallery').hide();
    $.each(response.data, function(key, value) {
        //create html structure
        //rijen teller
        if (getal = 0 ) {
            var html = '<div class="row">';
            $('#albums').append(html);
        }
        //albums        
        var html = '' +
            '<div class="col-lg-3 col-md-3 col-xs-3 thumb" id="album_' + key + '"> ' +
                '<a href="#" class="album_link_' + key + '"><img class="img-thumbnail"  id="album_cover_' + key + '" /></a>' +
                '<img id="loading_' + key + '" src="images/ajax-loader.gif" />' +
                '<a href="#" class="album_link_' + key + '"><h2>' + value.name + '</h2></a>' +
                '<p>' + value.count + ' foto&#39;s</p>' +
            '</div>';
        getal++;
        if (getal = 4) {
            var html = '</div>';
            $('#albums').append(html);
            getal = 0;
        }
        $('#albums').append(html);
    }
}

您在if语句中使用的是赋值运算符=,而不是比较运算符==。试着更换它们。