(JQuery) Запуск Fancybox только с использованием классов?

Question

Я пытаюсь получить список видео ж/миниатюр, работающих с FancyBox - проблема в том, что он, кажется, каждое звено использует классы для запуска FancyBox

Что делать, если я хочу, чтобы это было более динамичным, список видео ссылки, и каждый открывает новое видео? Мне не нужно создавать новую функцию функции щелчка для каждого из них?

<script type="text/javascript"> 

    $(document).ready(function() { 

$ (»fancyvideo5" .) Нажмите (функция() {$ .fancybox ({ 'отступы'.: 0, 'overlayOpacity': 0.7, 'autoDimensions': ложные, ' content ':' myConent ', ' onComplete ': function() {$ ("# fancybox-inner"). css ({' overflow ':' hidden '});}, ' onClosed ': function() { $ ("# fancybox-inner"). empty();} }); return false; }); // fancyvideo

и тело будет иметь что-то вроде:

<ul> 

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

</ul> 

ид нравится иметь что-то вроде

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

Так я могу передать информацию о видео и вызовите функцию вместо того, чтобы все, на документе готовы.

Благодаря

Answer 1

Я не использовал FancyBox в некоторое время, но, если я правильно помню, вы можете использовать одну функцию 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>