English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

I want to link several jquery flash lightbox videos to hotspots

Nov 18, 2011

Q: I've downloaded your software and because I love what I've seen.
However, I would like to do something slightly different than the ways I've seen it done on your site.
Instead of linking the Video Lightbox from a gallery, single image or text link, I want to link several videos to hotspots
I have made on an image so that when the user clicks on that region of the image the video opens in its Lightbox
over the parent page and plays.

I desperately need a solution for this ASAP!

A: You should:

1) Change the following code in engine/js/videolightbox.js:

$("#videogallery a[rel]")




to

$("#videogallery a[rel],#watch, #watch2")



Notice you should use unique id for each video.

2) Specify the link/image with the id="watch":

<img src ="planets.gif" width="549" height="270" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,109,107" rel="#voverlay" href="http://www.youtube.com/v/jp-qh3heb04?autoplay=1&rel=0" id="watch" style="cursor: pointer"/>
<area shape="rect" coords="180,131,541,264" rel="#voverlay" href="http://www.youtube.com/v/JzwWqkxBb5I?autoplay=1&rel=0" id="watch2" style="cursor: pointer"/>
</map>

Related