Thank you both. Well actually one of the reasons I tried a different program was that I did not care for the appearance of the box itself and thought editing it after the fact would just be another headache.
I'm having the same problem now though ;-)
Actually, in fancybox, thumbnails are working and the image is opening but in a separate tab, not in the fancybox format. www.cherubnest.com/Page24.html
Sorry I keep switching things up. Keep hoping something will work.
Eric, do you think the spaces in the title are making a difference? I will try it without the spaces. Keep thinking I must be making a mistake with the code though.

Some scripts struggle with spaces being in the file names. It's always best to use a _ to show a space for readability.
You really need to stick to one slider and get that working. Then you'll have a better understanding of adding the proper files.

Okay, I have no idea what is going on but half this thread has suddenly disappeared on me!

all of the js, image and css files are in their respective folders on the root folder. i have no idea what is going on. so sorry to be a pain in the a$$. i'm not usually so slow to pick things up but I honestly can't figure out what I am doing wrong.

let me try this again. This is the site I am using to get the code http://fancyapps.com/fancybox/.
this is what i've put in the header.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>


and the body.

<a class="fancybox" rel="group" href="fancybox/images/Alex01.jpg"><img src="fancybox/images/Alexthumb01.jpg" width="243" height="190" alt="Alexthumb01"></a>
<a class="fancybox" rel="group" href="fancybox/images/Alex02.jpg"><img src="fancybox/images/Alexthumb02.jpg" width="243" height="190" alt="Alexthumb02"></a>

Update- Looking at the src for the helpers, I realised I only have 3 folders- images, js and css. I could I should have the helper/ source folders exactly as they were when I unzipped them. What a PITA. Going to try changing the src code first. Hope that's not a mistake.

http://www.coffeecup.com/forums/designe … post207914
Lets stay in one thread. I'm closing this temporally.