Jquery图像显示为拼贴/画廊

时间:2015-03-04 20:54:14

标签: javascript jquery html css

嘿伙计们我需要拼贴或画廊jquery / JS插件,它会放置这样的图像,当点击图像时它会变大,但没有任何空白区域。 这是JS小提琴:https://jsfiddle.net/yxr5w4dd/2/

CSS:

width: 100px;
height: 100px;
background: black;
color: white;
margin-top:5px;
margin-left:5px;
float:left;
vertical-align:top;

JS:

$('.item').click(function(e) {
        if($(this).hasClass('selected'))
            $(this).animate({height:'100px', width:'100px'},300).removeClass('selected');
        else
            $(this).animate({height:'205px', width:'205px'},300).addClass('selected');
    });

这个问题是当你点击最后一行元素时,有空格,我想填充那些空格。

我找到了collagePlus插件和其他插件,但我还没有找到实现它们的方法。

问题可能你有这样的问题,你有一些想法如何实现类似的结果?

1 个答案:

答案 0 :(得分:0)

可能想查看Masonry。我不确定它是否会完全符合您的要求,但我知道它类似。

相关问题