2

私は Jquery と fancyBox v.2 (fancyApps) の初心者であり、いくつかの説明が必要です。

1) fancyBox メディア ヘルパーの機能/目的と、fancyBox iFrame 機能 (youtube(iframe) など) を使用する場合の違いは何ですか?

$(document).ready(function() {
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});

<a class="various fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas autoplay=1">Youtube (iframe)</a>

2) ヘッダーで次の js をリンクする以外に、追加の css ファイルが必要ですか?

<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>

ありがとう

4

1 に答える 1

2

jsファイル自体の説明と使い方。これにより、次のような最も一般的なメディア フォーマットを対象とする任意のアンカーを作成できます。

<a class="fancybox" href="http://www.youtube.com/watch?v=opj24KnzrWo">open youtube</a>

...次のような単純化されたカスタム スクリプトを使用する

$(".fancybox").fancybox({
  helpers : {
      media : {}
  }
});

replace(スクリプト内に型、次元、または複雑な関数はありません)

サポートされている形式 (href属性内) は次のとおりです。

 *      Youtube
 *          http://www.youtube.com/watch?v=opj24KnzrWo
 *          http://youtu.be/opj24KnzrWo
 *      Vimeo
 *          http://vimeo.com/25634903
 *      Metacafe
 *          http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
 *          http://www.metacafe.com/watch/7635964/
 *      Dailymotion
 *          http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
 *      Twitvid
 *          http://twitvid.com/QY7MD
 *      Twitpic
 *          http://twitpic.com/7p93st
 *      Instagram
 *          http://instagr.am/p/IejkuUGxQn/
 *          http://instagram.com/p/IejkuUGxQn/
 *      Google maps
 *          http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
 *          http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
 *

ところで、追加の CSS ファイルは必要ありません。上記のように使用するだけです。

于 2012-07-09T03:26:39.290 に答える