Фотомонтаж - повторить

Извините за мой английский)

В общем случае используйте плагин jquery - AUTOMATIC IMAGE MONTAGE. Столкнулся с проблемой:

У меня есть несколько на одной странице #am-container, и плагин с помощью корректно отображается только в одном, но в другом не работает. Вопрос. Как назначить функцию всем # s-контейнерам, а не только одному?

Код:

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 ответ

Решение

Вы не можете иметь повторяющиеся идентификаторы. Все идентификаторы должны быть уникальными.
Поскольку у вас есть повторяющиеся идентификаторы, JavaScript / jQuery использует только первый элемент с идентификатором #am-container,

Таким образом, вам нужно изменить свои элементы, чтобы иметь имя класса.
Селектор тогда будет var $container = $('.am-container') вместо var $container = $('#am-container')

Другие вопросы по тегам