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

How can I insert jquery lightbox flash video in iWeb site?

Apr 16, 2012

Q: I have downloaded a demo of VideoLightBox and created a simple videogallery as a test which plays OK locally.
I then made a simple page in iWeb. But I cannot seem to be able to add my videogallery into this page, no matter what I try.
Can this be done or am I wasting my time on the impossible. Looking forward to your reply.

A: You can use VideoLightBox as standard javascript files.
Please see how should you insert a videogalley on your own page:

1) Create your slideshow using VideoLightBox.
2) Publish it on a local drive in any test folder:
- open Gallery->Properties->Publish or click 'Publish' button on the main menu panel;
- select 'Publish to folder', click 'Browse' button and select any local folder
- click 'Publish' button
3) Open index.html file from the saved folder in any text editor (Notepad for example)
or you can:
- open index.html page in any browser
- right click on the page
- select view source of the page.

You'll find 'engine' and 'data' folders in this saved folder also.

4) Copy code for HEAD and BODY sections of VideoLightBox and paste it inside html
snippet in the place where you want to have a videogallery, for example:

...
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="index_videolb/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="index_videolb/overlay-minimal.css"/>
<script src="index_videolb/jquery.js" type="text/javascript"></script>
<script src="index_videolb/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->

<!-- Start VideoLightBox.com BODY section -->
...
<!-- End VideoLightBox.com BODY section -->
...


5) Notice. you should copy generated folder with images, videos, .css and .js files into the same folder with your own webpage.
6) Preview your website in the browser.

Related