Question

我说,我是新鲜的,可以 j笑,但我确实知道事情是如何运作的。现在,Im目前利用Isotope(fluid/ Responsespuout)开发一个简单的网页,并成功地将Fancy Box纳入其中的内容。但是,如果我试图在Isotope的一个箱子中点击一个图像链接,假定该箱每点点击就会扩大,那么这个箱子就会接近其原体大小,整个面上的形象已经过大。

我不知道如何解释,但这里有网站sample 。 that

(1) 我设法从箱子上去工作,想选择箱子就是一个问题。但是,如果一个扩大的箱子没有把箱子 closing回原来的大小和位置,那么如何点击该箱的案文/视频链接? 我只想在我点击另一个新箱时结束发言。

2) 而且,如果有可能,每点击时,窗户向选箱倾斜吗?

我希望这不会给任何人造成太混淆。很多页: 1

Answer 1

我在这里说了新话,因此我对缺乏彻底反应表示歉意。为了取得预期效果,你必须从扩大的箱子中排除点击功能,并选择一个不同的要素(也许装上该箱/在扩大后将其移解)。我建议把这一要素放在扩大的内容内,以便发挥目前受扩大的方框约束的同样作用。这样,盒子就可以与固定文本/录像/霍乱合作,你仍然可以消除这一扩展。

Answer 2

如果你继续寻找一个简单的可变解决办法,你可以这样做。

$(function () {

    var $container = $( #container );

    $container.delay(2500).show().css({
        opacity: 0
    }).animate({
        opacity: 1
    }, 2500).isotope({
        itemSelector:  .element ,
        masonry: {
            columnWidth: 288
        },
        getSortData: {
            selected: function ($item) {
                return ($item.hasClass( clicked ) ? -1000 : 0) + $item.index();
            }
        },
        sortBy:  selected 

    });

    $( .maximised, .medium ).hide();

    $( .display1, .display2 ).click(function () {
        var $this = $(this);
        bSelector = $this.hasClass( display1 ) ?  .maximised  :  .medium ;

        var $previousSelected = $( .clicked );
        if (!$this.hasClass( clicked )) {
            $this.addClass( clicked );
            $previousSelected.find( .minimised ).toggle();
            $previousSelected.find( .maximised ).toggle();
            $previousSelected.find( .medium ).toggle();
        }

        $previousSelected.removeClass( clicked );

        $this.find( .minimised ).toggle();
        $this.find(bSelector).toggle();

        $container.isotope( updateSortData , $this).isotope( updateSortData , $previousSelected).isotope();
    });

});

也可找到一个工作实例:here。在最初点击时达到最大程度的某些要素中,它有链接和模式。

友情链接