0

ビデオと写真の間の矢印をナビゲートせずに、すべてが正常に機能します

<script type="text/javascript">
$(document).ready(function(){
    $(".fancyYoutube").click(function() {
    $.fancybox({
    'padding'       : 0,
    'autoScale'     : false,
    'overlayShow'   :   false,
    'transitionIn'      : 'elastic',
    'transitionOut'     : 'elastic',
    'showNavArrows'     : true,
    'title'     : this.title,
    'width'     : 680,
    'height'        : 495,
    'href'      : this.href.replace(new RegExp("watch\\?v=","i"), 'v/'),
    'type'      : 'swf',
    'swf' : {
    'wmode' : 'transparent',
    'allowfullscreen' : 'true'
    }
    });
    return false;
    });
});

これは私のhtmlコードです（ミックスビデオ/写真のセクション）：

<a class="fancyYoutube" title="KravMAGA" href="../img/auto.jpg" rel="grupa"><img src="http://i4.ytimg.com/vi/ci-pBX9lQKQ/default.jpg"></a>
        <a class="fancyYoutube" title="KRAVMAGA" href="http://www.youtube.com/watch?v=zcUUVHhlAjE&feature=plcp&autoplay=1" rel="grupa"><img src="http://i3.ytimg.com/vi/zcUUVHhlAjE/default.jpg"></a>
        <a class="fancyYoutube" title="KravMAGA" href="http://www.youtube.com/watch?v=zcUUVHhlAjE&feature=plcp&autoplay=1" rel="grupa"><img src="http://i3.ytimg.com/vi/bJCp9PW_KaA/default.jpg"></a>
        <a class="fancyYoutube" title="KRAVMAGA" href="http://www.youtube.com/watch?v=ci-pBX9lQKQ&autoplay=1" rel="grupa"><img src="http://i4.ytimg.com/vi/ci-pBX9lQKQ/default.jpg"></a>
        <a class="fancyYoutube" title="KravMAGA" href="../img/auto.jpg"><img src="http://i3.ytimg.com/vi/bJCp9PW_KaA/default.jpg"rel="grupa"></a>

そして、ナビゲーション矢印がありません。なぜですか? css ではすべて問題なく、すべての画像 (スプライト) は fancybox.css と同じフォルダーにあります。

#fancybox-left {
    left: -50px;
}

#fancybox-right {
right: -50px;
}

助けてください

4

2 に答える 2

1

.click()問題は、 fancybox v1.3.4 で手動の方法を使用していることです。次のようにスクリプト内で設定しない限り、そのようなギャラリーを持つ方法はありません

$(".fancyYoutube").click(function(){
 $.fancybox([
  {"href": "TARGET HERE"},
  {"href": "TARGET HERE"} // more as you need them
 ],{
  // fancybox options here
 });
});

さらに、同じスクリプトで異なるタイプのオブジェクト (画像とビデオ) のギャラリーを設定しようとしていますが、これも不可能です。

Fancybox v2.xはそれらの問題を解決し、 helperfancybox-mediaで簡単にギャラリーを設定できましたが、アップグレードを検討しているかどうか疑問に思っています。

現在の html を保持し、fancybox.jsおよびfancybox-media.jsファイルをロードするのと同じくらい簡単です。

次に、スクリプトは次のように簡単になります

$(".fancyYoutube").fancybox({
 helpers : { 
  media : {} 
 }
});
于 2012-06-16T16:50:26.417 に答える
0

このようなバージョン 2 の場合 - http://jsfiddle.net/nn4Tg/

メディア ヘルパーを使用して直接リンクを機能させたい場合があります。

于 2012-06-18T07:43:24.790 に答える