0

carouFredSel と Fancybox を使用して Web ページを作成しました。すべて正常に動作しますが、Fancybox は画像が灰色の影で覆われているため表示されます。ファンシーボックスのhtmlコード:

<a href="/images/front/1.jpg" class="lightbox_trigger" rel="fancybox1" >
<a href="/images/front/2.jpg" class="lightbox_trigger" rel="fancybox2" >

そしてjs:

$('#carousel  a.lightbox_trigger').fancybox({
    cyclic  : true,
    opacity: true,
    onStart : function() {
        $('#carousel').trigger("pause");
    },
    onClosed: function() {
        $('#carousel').trigger("play");
    }
});

更新 1

CSSの時点:

.tooltip {
  font-weight: bold;
  font-size: 1.1em;
}

.tooltip h3 {
  color: red;
}

.tooltip h4 {
  color: green;
}

/fancybox.cssz-index は around に設定されています1100

4

1 に答える 1

1

完全なコールバックで作成する必要があり、要素の不透明度を設定しました。

$(element).fancybox({
    cyclic  : true,
    opacity: true,
    overlayOpacity: 0.9,
    zoomSpeedIn: 1000,
    onStart : function() {
        $('#carousel').trigger("pause");
    },
    onClosed: function() {
        $('#carousel').trigger("play");
    },
    onComplete: function(){
        $('#fancybox-wrap').css('margin-top', '-50px')
        var fb = $("#fancybox-content")
        $(fb).css({'opacity': '1', 'height': '520px'})

    }
});
于 2013-08-04T13:15:28.213 に答える