（JQuery）Fancyboxはクラスを使って起動しますか？

Question

ファンシーボックスで動作するサムネイルでビデオリストを取得しようとしています - 問題は、各リンクがクラスを使用してファンシーボックスを起動するようです。各自が新しいビデオを開きますか？私はそれぞれのために新しいクリック機能定義を作成する必要はありませんか？

<script type="text/javascript"> 

    $(document).ready(function() { 

$（」fancyvideo5" 。（）関数（）{ $ .fancybox（{ 'パディング' をクリックします。0、 'overlayOpacity'：0.7、 'autoDimensions'：偽、 " 'onClosed'：function（）{'content'： 'myConent'、 'onComplete'：function（）{$（ "＃fancybox-inner"）} css（{'オーバーフロー'： '非表示'}） $（ "＃fancybox-inner"）。空（）;} }）; false false; }）; // fancyvideo

と体のようなものがあります。だから私は、ビデオ情報を渡すことができ

<ul> 

    <li> 
     <a title="test" href="javascript:;" class="fancyvideo5"><img src="thumbnail.jpg" /></a> 
    </li>                    

</ul> 

idは

<a title="test" href="javascript:openVideo(1);" class="fancyvideo5"><img src="thumbnail.jpg" /></a> 

のようなものを持っているとし、すべてのではなく、関数を呼び出します文書の準備が整いました。

おかげ

Answer 1

私はしばらくの間でfancyboxを使用していないが、私の記憶が正しければ、あなたは1つのfancybox機能を使用することができます。その後

$(document).ready(function() { 
    $(a.fancyvideo).fancybox(
     //settings 
)); 

、あなたは実際に私がここで答えを発見したかもしれない

<a href="#video" class="fancyvideo" /> 
<a href="#video2" class="fancyvideo" /> 
<a href="#video3" class="fancyvideo" /> 
<a href="#video4" class="fancyvideo" /> 

と

<div id="video" style="display: none;"> 
//insert embed code here 
</div> 
<div id="video2" style="display: none;"> 
//insert embed code here 
</div> 

<div id="video3" style="display: none;"> 
//insert embed code here 
</div> 

<div id="video4" style="display: none;"> 
//insert embed code here 
</div>