Question

I’m a newbie at jquery, among other things, so I apologize for the ignorance. I can’t figure out why this script isn’t affecting anything. I click on the thumbnail, and I get a new page with the full image, no fancybox. I checked the script links (not shown here) and they appear correct, so I’m thinking that this code must not be valid somehow. The funny thing is it all worked with an earlier version of FancyBox. Help please, and let me know if more info is required to give an answer. Thank you.

<script type="text/javascript">
    $(document).ready(function () {

        $("a.projectgallery").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'onStart':function(currentArray,currentIndex,currentOpts){
                var obj = currentArray[ currentIndex ];
                if ($(obj).next().length)
                this.title = $(obj).next().html();},
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });
    });
</script>

Answer 1

And so, once again, I’m shown that the simplest and most obvious solution is usually the best one …

My links were incorrect:

This …

<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>

should have been this …

<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>

Thanks for helping, guys. Sorry for the stupidity and wasting your time.