Calling all jQuery Pros: jQuery Sliding door effect in FancyBox image gallery?

JavaScript
1

:confused2 How do you make the FancyBox jQuery images clickable with the Sliding Door Hover Effect in a portfolio gallery? Right now the sliding door effect works BUT the fancybox doesn’t do anything when you click on the gallery image.

See Layout Code HERE: http://avisuals.web.fc2.com/

Try clicking on the FIRST row, top left image in the gallery

How can I get both jquery.easing.1.3.js (sliding door effect) and jquery.fancybox.js to work together?

I followed the instructions in the comments for this tutorial to DELETE: window.location = $(this).find(‘a’).attr(‘href’); - in the jquery.easing HTML Head Tag code

My website has a lot going on because it’s a one-page portfolio. I’m trying to finish this website to send to employers for jobs. I’m frustrated because I’ve been working on this website for so LONG and I need a job!

2

I actually found the SOLUTION to this. I’M SORRY.

I don’t think I can delete this thread now.

3

It might be a good idea if you can post the solution you found so others can use this effect/technique :cool:

4

Sure thing! I actually got the solution on another website before posting my question here.

Replace: window.location = $(this).find(‘a’).attr(‘href’);

With:
var url = $(this).find(‘a’).attr(‘href’);
$.fancybox({
‘padding’ : 0,
‘href’ : url,
‘title’ : ‘Lorem ipsum dolor sit amet’,
‘transitionIn’ : ‘elastic’,
‘transitionOut’ : ‘elastic’,
‘type’ : ‘image’
});

Source: http://stackoverflow.com/a/10822261/1426442

Note: I still love Site Point!