图像蒙太奇 - 重复

时间:2013-08-15 12:15:35

标签: jquery image montage

对不起我的英文)

一般情况下使用插件jquery - AUTOMATIC IMAGE MONTAGE。遇到问题:

我在同一页面上有一些#am-container并且使用正确显示的插件只在一个但在另一个中不起作用。题。如何为所有#s-container分配一个函数,而不只是一个?

代码:

var $container  = $('#am-container'),
            $imgs       = $container.find('img').hide(),
            totalImgs   = $imgs.length,
            cnt         = 0;

        $imgs.each(function(i) {
            var $img    = $(this);
            $('<img/>').load(function() {
                ++cnt;
                if( cnt === totalImgs ) {
                    $imgs.show();
                    $container.montage({
                        fixedHeight : 90,
                        margin : 1,
                        fillLastRow : true
                    });
                    $container.montage++;
                }
            }).attr('src',$img.attr('src'));
        }); 

1 个答案:

答案 0 :(得分:2)

您不能拥有重复的ID。所有ID都必须是唯一的 因为你有重复的id,所以JavaScript / jQuery只使用id为#am-container的第一个元素。

因此,您需要将元素更改为具有类名 然后选择器将是var $container = $('.am-container')而不是var $container = $('#am-container')