Lightbox integration
 

Hi All,
I'm currently trying to integrate an image viewer similar to shadowbox (http://forum.x-cart.com/showthread.php?t=38292&highlight=shadow+box) called lightbox (I'm sure many of you are familiar with it), and I'm having trouble (please keep in mind that I am very noob).

To run, the instruction say that I need to append a CSS file, as well as some Java Script files.
I've uploaded the files to the right place, and now need to reference the files in the web page header (this is where I am having difficulty).
I can't seem to find what tpls to add the code to.

In other words;
What tpl file do I update to reference the 3 Java script files?
What tpl file do I update to reference the css file?

These are the js files-
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
And this is the CSS

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
I'm also guessing the href should be changed to; href="{$SkinDir}/..."
Just can't figure out where!!

Any advice is welcome!
Thanks

Re: Lightbox integration
 

skin1/customer/home.tpl before </head>

Re: Lightbox integration
 

Use shadowbox instead of lightbox.

Lightbox will not validate. Shadowbox will.
Lightbox has all kinds of workarounds for various browsers. Showdowbox is clean.
Shadowbox is MUCH, MUCH more flexible.

Re: Lightbox integration
 

I will definitely give it a try. Thanks for the advice, thats going to help so much :)