lightbox

Images 

<a href="theLam3rs.jpg" title="Image Description" class="lightbox"><img src="theLam3rs.jpg" alt=""/></a>

Images Group :

<a href="theLam3rs1.jpg" class="lightbox" rel="group1"><img src="theLam3rsv1.jpg" alt=""/></a>
<a href="theLam3rs2.jpg" class="lightbox" rel="group1"><img src="theLam3rsv2.jpg" alt=""/></a>
<a href="theLam3rs3.jpg" class="lightbox" rel="group1" title="Lorem ipsum dolor sit amet..."><img src="theLam3rsv3.jpg" alt=""/></a>

video :

<a href="http://www.youtube.com/watch?..." class="lightbox">Youtube</a>

http://31337day.blogspot.com/2012/01/jquery-lightbox-evolution-image-video_24.html


Tampilan Youtube : <div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbvbvwKp9AVtuR6j_cjFD4eAsGr04F2m4CqIcGVRhhczvAPcMzd5UPez8UQhphKu5f4HDHrBVWnMF8aL4O0cwwEzZhSrUMGRRqALvjUx37RGJROVzLFwfSOe4RWK47lA055X7RQ_XJtY/s1600/video-background.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;"><iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/gRzMhlFZz9I" width="498"></iframe></div>