Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fancybox

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #40606

    I am trying to get Fancybox to open images upon request. When the cursor hover over the image, there is a “Zoom” link on the top-left corner, and I am trying to get Fancybox to open it as a zoomed image, but it just redirects me to the direct image url.

    #113326
    Paulie_D
    Member

    Can you provide a link?

    #113351

    a

    #113352

    [Here is a link to the blog](http://replicaretail.tumblr.com/ “blog”).

    [Here is the link to the code](http://pastebin.com/raw.php?i=fX328xn5 “code”)

    I’m new to jQuery and I don’t really understand how to use Fancybox.

    #113367

    any help? :(

    #113389
    damongolding
    Member

    When you say zoomed image, do you mean a lightbox with a larger image or something like this:

    http://www.jacklmoore.com/zoom

    ?

    #113391
    damongolding
    Member

    I see you have fancybox binded to #zoom but you dont have a element with the id zoom, not in the published version anyway. You do have the ID in the code you linked to, odd. Could Tumblr be ripping it out? you could try targeting it a different way if this is the case. like:

    $(“.date a”).fancybox({options…});

    This should target the “zoom” button. Rather then what your using now

    $(“#zoom”).fancybox({options..});

    Oh and the main problem is that you have not included the fancybox.js file, you’ll need to add that.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.