Hello,

I was wondering whether you had a tip for what I am doing wrong here. Trying to add fancybox to my site. Thumbnails are working but they're opening up the image in a separate tab, rather than the fancybox image.
The page http://www.cherubnest.com/Page24.html
I had the same problem with colorbox and lightbox, so I'm definitely not entering the code incorrectly.
Thank you.

The first thing I would do is remove all spaces from your image names.
Now you need to make sure you use the "Add files" tool to add the scripts that are needed.
These are all missing or not referenced correctly.
<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>
I wish you would of stayed with lightbox or Colorbox.

Sorry Eric, don't mean to waste your time. Feel free to give up on me ;-)

I fixed the image names. No dice.
Concerning the missing/ incorrectly referenced links you speak of, to be honest I'm not even sure where I would add that. Is that code supposed to be add to header/ body, or are those files missing from the root folder (I did add them all).

This is the code I've inserted into 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>

sorry, no idea where the post from 11:34 came from!! Must have been an old copy/ paste.

Your posting in multiple threads. I closed the other one for lightbox. Can you supply a link to the page your working on.

Hi Eric. Posted this before but must have been in a different thread. sorry, no idea how that happened! Clearly I am having some issues here.
I did figure out the problem though. Thank you so much to you and Gunsmoke for your patience in helping me with this.
The problem was that with fancybox, there are many folders within folders and they have to be replicated exactly. I was just making 3 folders, one for css, one for js and one for images. Never occurred to me that the source would be messed up if the folders were not the same!
http://www.cherubnest.com/Page24.html

Looks like it's working. I knew you could do it.

Woo-Hoo! Great job!

Thanks so much for your help!

I was going to ask if you had any idea how to add images to the slideshow without adding more thumbnails but apparently you just leave the thumbnail part out of the code. Can't tell you how excited I was to have figured it out without asking! ;-)

For your viewing pleasure, I present my slideshow http://www.cherubnest.com/Gallery-Rosette.html
Thinking I should probably make the images the same size though.

Have fun with your new discovery.