Question

我试图利用ancy子进行适当的工作。

我先进口所有js/cs文档,但只显示我点击的照片(没有um和没有幻灯)。我想同一页的每一个照片都装入ancy箱(w/thumbs)和“alt”的特性,作为每个照片的题目。

传真:

 .....
<a class="fancybox-thumb" rel="fancybox-thumb" href="/test.jpg">
   <img src="test.jpg" alt="text showing">
</a> 
 .....
 ......
<a class="fancybox-thumb" rel="fancybox-thumb" href="/awesome.jpg">
   <img src="awesome.jpg" alt="Awesome">
</a>

Java

$( .fancybox-thumb ).each(function () {
$(this).attr( rel ,  fancybox-thumb ).fancybox({
    helpers: {
        type:  image ,
        openEffect :  none ,
        closeEffect :  none ,
        title : {
            type:  inside 
        },
        overlay : {
            opacity: 0.8,
            css: {
                 background-color  :  #000 
            }
        },
        thumbs : {
            width: 50,
            height: 50
        }
    },
    beforeLoad: function () {
        this.title = $(this.element).find( img ).attr( alt );
        this.href = $(this.element).find( img ).attr( src ).replace( _thumb ,   );
    }
});
});

$( .fancybox-thumb ).fancybox({
prevEffect:  none ,
nextEffect:  none ,
closeBtn: true,
arrows: true,
nextClick: false,
helpers: {
    thumbs: {
        width: 50,
        height: 50
    },
    title : {
        type:  inside 
    }
},
beforeLoad: function () {
    this.title = $(this.element).find( img ).attr( alt );
}
});

Answer 1

$( .fancybox-thumb ).fancybox({
prevEffect:  none ,
nextEffect:  none ,
closeBtn: true,
arrows: true,
nextClick: false,
helpers: {
    thumbs: {
        width: 50,
        height: 50
    },
    title : {
        type:  inside 
    }
},
beforeLoad: function () {
    this.title = $(this.element).find( img ).attr( alt );
}
});

友情链接