fancybox

I’m going to add the code “rel=”some-gallery-name” to all of the linked images to group them into a gallery. NOTE: As long as they all have the same “rel” name they will be in the same gallery. I can break them into two different galleries by changing the name on two of the images.

We want to select the “Share” button below the YouTube video and highlight ONLY the video URL after the “src” bit of code.

Extended functionality

Remember to include the necessary files! Each helper is located in separate files.

<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_b.jpg" title="Tolpis barbata (mariluzpicado)">
	<img src="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_b.jpg" title="(dSavin)">
	<img src="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_b.jpg" title="a ride in blue? (cembayir_photography)">
	<img src="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8366/8483546751_86494ae914_b.jpg" title="reedit... (h_di)">
	<img src="http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg" alt="" />
</a>

http://tutvid.com/webdesign/dreamweaver/how-to-use-fancybox-jquery-tutorial/ http://www.fancyapps.com/fancybox/ topsTricks http://fancyapps.com/fancybox/#useful

Extended functionality

http://tutvid.com/webdesign/dreamweaver/how-to-use-fancybox-jquery-tutorial/
http://www.fancyapps.com/fancybox/
topsTricks http://fancyapps.com/fancybox/#useful