Where do I find the overlay.png file? It's not in the images folder.

It should have come with all the colorbox files as it is all part of that. Look in that zip file and see if they are there.

Hi Tara,

You can save yourself a lot of trouble by using an iframe for showing Lightbox slideshows inside VSD. I explained how to do this in another thread about the same problems and I repeat it here. The only drawback is (if that's a drawback) that you have to know how to use FTP software. The Free FTP software from Coffeecup - http://www.coffeecup.com/free-ftp/ - will do the job perfectly.

------------------------------------------------------------------------------------

An easy way to add a visual lightbox slideshow to a vsd page is by using an iframe.

1: after creating the slideshow, start DirectFTP (or any FTP software), make a new folder called for instance 'slideshow' at the root of your domain (i.e. www.yourdomain.com/slideshow ) and copy all files and folders produced by Visual Lightbox there.
2: Add a HTML box to the page where you want the slideshow to appear and type the folllowing code there:

<IFRAME
SRC="http://www.yourdomain.com/slideshow/*.html"
WIDTH="aaa"
HEIGHT="bbb"
FRAMEBORDER="NO"
SCROLLING="NO">
</IFRAME>

*.html will be index.html in most cases. You MUST set it if it's not index.html, otherwise you could omit it completely.

Replace the aaa in width with the width of your slideshow as defined in visual lightbox, the same goes for bbb in height. If you want to have scrollbars and a border replace no by yes. You might want to define the width and color of a frameborder. Click here for a complete description of how to use the iframe parameters: http://www.w3schools.com/tags/tag_iframe.asp

The size of the HTML box itself should have the same width and height as has been set inside the iframe, not because this is needed, but for your visual impression.

If you do it this way, the slideshow will show in your preview.

I use this always and for anything, like incorporating blogs and forms, whatever I make with web design software that can do things VSD can't do, but also for adding Twitter, Youtube movies, Facebook or whatever external website. Look at the page source of www.johnvanhulst.com for examples, or any other page source of websites I created.

-------------------------------------------------------------------------------------------------

Success, John

The download from the Lightbox2 site didn't include any colorbox files. The one I downloaded was from - http://progrower.coffeecup.com/colorboxslideshow.html

John, thanks for that. I did look into a visual lightbox, but wasn't thrilled with the way it looked. I may use it for another site, but for this one, I want to figure out the lightbox... if I can! It just seems like I have files missing that I don't know where to download.

Scott, do you know where I can download the missing colorbox files?

I think you can get them directly from the source at http://www.jacklmoore.com/colorbox

Hi Tara,

I thought you are using Visual Lightbox. It doesn't matter. What I describe isn't about the software you use to make slideshows (or whatever you want to show), but about how to show it in VSD. Read again, please.

Success, John

Ok thanks, that link did have the files. I added the overlay.png. How do you get the arrows and close button, etc to show up? Do i have to put something in the html code?

For that, I think you have to use a enable different options to turn them on. The colorbox you have does not have that enabled. That is why they are not appearing. You may have to read through the documentation for those settings.

http://www.jacklmoore.com/colorbox/example1/

The grouped photo looks nice.

I'm sorry, I know you must be sick of me by now, but I don't know what that means. I have tried to follow the directions on that site, but still not sure. How do I enable the colorbox?

Does this have anything to do with it? -Check the CSS and make sure the referenced prev.png and next.png files are in the right location. Also, make sure the loading.gif and close.png files as referenced near the top of the lightbox.js file are in the right location.

Right now, the box opens and it looks like it should, just without the right, left, close, etc.