图像蒙太奇 - 重复

Posted 2023-05-07

【中文标题】图像蒙太奇 - 重复

【英文标题】：Image montage - repeat

【发布时间】：2013-08-15 12:15:34

【问题描述】：

对不起我的英语）

一般使用插件 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'));
        ); 

【问题讨论】：

尝试使用 CSS 类选择器而不是 ID。 ID 应该在 1 页内是唯一的，这可能是问题所在。

【参考方案1】：

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

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

【讨论】：

概念很简单！）非常感谢！

不客气。如果它对您有所帮助，您介意接受这个答案吗？谢谢。

哦...抱歉）忘记了：）