Question

I have a script that re-sizes images for me and use it to serve images as such:

http://mysite.com/createthumb.php?filename=mypic.jpg

Fancybox will serve the above image, using the following link:

<a href='createthumb.php?filename=mypic.jpg' class='fancybox' rel='lightbox[pics]' title=':: [ ]'><span></span><img src='createthumb.php?filename=mypic.jpg' alt='Loading...' /></a>

But I need to re-size it do a size that is different from the default size, by passing a parameter ‘size’ as such:

http://mysite.com/createthumb.php?filename=mypic.jpg&size=2000

But when I change the fancybox link to the following:

<a href='createthumb.php?filename=mypic.jpg&size=2000' class='fancybox' rel='lightbox[pics]' title=':: [ ]'><span></span><img src='createthumb.php?filename=mypic.jpg' alt='Loading...' /></a>

Now fancybox chokes and the link just gets served as an image without any lightbox. This is the case even if I change my code so that it doesn’t even look at the size parameters. In other words, just adding the “&size=2000” to the end of my link seems to set fancybox completely off balance.

Any ideas about why this could be or how I can fix this?

Answer 1

It looks like fancybox is checking the ending of the URL to determine if it is an image or not. Change your URL to be createthumb.php?size=2000&filename=mypic.jpg

https://github.com/fancyapps/fancyBox/blob/master/source/jquery.fancybox.js
(line 767)