0

我使用砖石和 loadimage js。直接html标签。（不使用ajax）

如何使用第一个图像缩放效果，并替换我的淡入淡出效果？我想这样做：http ://codepen.io/desandro/pen/iHevA

感谢帮助。

（对不起我的英语不好:)）

HTML：

<div class="gallery_cont">
<div class="item"><div>
<a href="/image1.jpg" class="fancybox" rel="group" title="">
<img class="" src="/th-image1.jpg" alt="" title=""></a></div></div>
<div class="item"><div>
<a href="/image2.jpg" class="fancybox" rel="group" title="">
<img class="" src="/th-image2.jpg" alt="" title=""></a></div></div>
<div class="item"><div>
<a href="/image3.jpg" class="fancybox" rel="group" title="">
<img class="" src="/th-image3.jpg" alt="" title=""></a></div></div>
</div>

CSS：

.gallery_cont .item{width: 20%;}
.gallery_cont .item div {padding: 5px;}
.gallery_cont .item img {width: 100%;}

Javascript：

jQuery(function(){
    if(jQuery('.gallery_cont').length > 0){
        $container = jQuery('.gallery_cont');
        jQuery($container).imagesLoaded( function() {
            //fade in effect how to use default zoom in?
             jQuery('.item',$container).fadeIn();
            //loading  text pls wait..
            jQuery('.please-wait').hide();
            $container.masonry();
     });

    }

});
4

0 回答 0