SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question SOLUTION FOUND. Feel free to delete this thread.



    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!
    Attached Images Attached Images

  2. #2
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I actually found the SOLUTION to this. I'M SORRY.

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

  3. #3
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,675
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It might be a good idea if you can post the solution you found so others can use this effect/technique
    The more you learn.... the more you learn there is more to learn.

  4. #4
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •