Question

http://bootsnipp.com/snippets/featured/thumbnail-carousel-single-image-sliding

我正在进行上述链接。它只适用于3张图片。但是，如果我需要显示超过3个图像，那么col-md-2图像也会获得BLANK空间。它只显示3张图像。

这是因为我需要更改javascript，让我解决上述问题。

you can have a look at this image, i have changed div size to col-2

Answer 1

您可以像这样更改javaScript：

100.0_f.temp

这适用于5张图片。如果您想要超过5个图像（如6），则再添加一个fid = fopen(nameF, 'w'); % Open for writing fprintf('%d\n',fid); for i=1:size(FloatMat,1) fprintf(fid, '%f %d ', FloatMat(i,:),IntMat(i,:)); fprintf(fid, '\n'); end fclose(fid);条件。

    $(document).ready(function () {
    $('#myCarousel').carousel({
        interval: 10000
    })
    $('.fdi-Carousel .item').each(function () {
        var next = $(this).next();
        if (!next.length) {
            next = $(this).siblings(':first');
        }
        next.children(':first-child').clone().appendTo($(this));

        if (next.next().length > 0) {
            next.next().children(':first-child').clone().appendTo($(this));
        }
        else {
            $(this).siblings(':first').children(':first-child').clone().appendTo($(this));
        }

         if (next.next().next().length > 0) {
            next.next().next().children(':first-child').clone().appendTo($(this));
        }
        else {
            $(this).siblings(':first').children(':first-child').clone().appendTo($(this));
        }
         if (next.next().next().next().length > 0) {
            next.next().next().next().children(':first-child').clone().appendTo($(this));
        }
        else {
            $(this).siblings(':first').children(':first-child').clone().appendTo($(this));
        }
    });
});

因为它计算了兄弟姐妹的长度。

这是包含div大小if-else

的6张图片的工作代码

用于小图像的引导缩略图单个图像滑块（或用于更多图像）

1 个答案: