Фотомонтаж - повторить
Извините за мой английский)
В общем случае используйте плагин 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')