Lightbox image viewer embed in Wordpress

Q: I really wanted to use VisualLightBox for my Wordpress site on a static page, but when I tried to embed it, it wouldn’t display the thumbnails inline or execute the js code, even though I switched all the links to direct links and everything.

Does this mean visuallightbox is just incompatible with Wordpress pages?

A: VisualLightBox wasn't developed as Wordpress or any other CMS extension, BUT you can try to use it as standard Javascript files. To install the VisualLightBox into your page:

1) Create your gallery using VisualLightBox application and publish it on a local drive in any test folder.
2) Open .html file from the saved folder in any text editor (Notepad for example).
3) Copy code for the HEAD and BODY sections of VisualLightBox.
4) In Wordpress go to "HTML" tab and paste it in the place where you want to have a
gallery, for example:

...
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->

<!-- Start VisualLightBox.com BODY section id=1 -->
...
<!-- End VisualLightBox.com BODY section -->
...


5) Copy generated "data", "engine" folders with VisualLightBox files into the same folder with your own webpage.

That's all.

Recent Questions »

Related