WordPress.org

1. Web-Dizzle-Bizzle
   Member
   Posted 1 year ago #

   Thanks in advance for reading.

   I'm trying to achieve a page with image thumbnails, which when clicked open up a lightbox which streams video from Youtube.

   I've tried 2 different lightbox plugins (Lightbox2 and wp-jquery-lightbox), and I get the same result with both.

   I attach an image to the page, and in doing so specify the URL for the Youtube video. I then go into the html view on the page editor, and add rel="lightbox", so it looks as follows:

   <a href="http://www.youtube.com/watch?v=yWkhZVXsaRY" rel="lightbox"><img alt="" class="alignnone size-thumbnail" src="http://woodyoo.org/wp-content/uploads/2011/03/FOOD-2-150x150.jpg" style="width: 150px; height: 150px; " title="FOOD 2" /></a>

   You can see the page here: http://woodyoo.org/show-tell-movies/rye-college-forest-school ...

   I've only applied this to the first image in the table, and also to the image below the table as a test to make sure it's not something in the table that's causing the problem.

   What happens is, when clicking on the thumbnail, a lightbox 'loading' image appears in the middle of the screen, and just stays there.

   I thought it might be a sizing issue, but am not a coder and am not sure where to specify width and height for the lightbox, so it matches the dimensions of the vid ...

   Any advice gratefully appreciated.

Topic Closed

This topic has been closed to new replies.