title: (JQuery) Fancybox launch only using classes?
body: <p>I'm trying to get a video list w/ thumbnails working with Fancybox - the problem is that it seems each link uses classes to launch the fancybox</p>
  
  <p>What if i want this to be more dynamic, a list of video links and each one opens a new video? I shouldnt have to create a new click function defintion for each one do i?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
  </code></pre>
  
  <p>$(".fancyvideo5").click(function () {
                  $.fancybox({
                      'padding': 0,
                      'overlayOpacity': 0.7,
                      'autoDimensions': false,
                      'content': 'myConent',
                      'onComplete': function () { $("#fancybox-inner").css({ 'overflow': 'hidden' }); },
                      'onClosed': function () { $("#fancybox-inner").empty(); }
                  });
                  return false;
              }); // fancyvideo
  </p>
  
  <p>and the body will have something like:</p>
  
  <pre><code>&lt;ul&gt;
  
      &lt;li&gt;
          &lt;a title="test" href="javascript:;" class="fancyvideo5"&gt;&lt;img  src="thumbnail.jpg" /&gt;&lt;/a&gt;
      &lt;/li&gt;                                                                              
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>id like to have something like </p>
  
  <pre><code>&lt;a title="test" href="javascript:openVideo(1);" class="fancyvideo5"&gt;&lt;img  src="thumbnail.jpg" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>So i can pass the video information and call the function instead of everything on document ready.</p>
  
  <p>Thanks</p>