WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
Help? (11 posts)

  1. MrNiceGuy2
    Member
    Posted 3 years ago #

    Help please, I've been using fancybox for wordpress for a while, but I switched over to this because it provides video support and I like it better all around. But when you click a thumbnail the image and overlay JUST load at the top of the page, they should load where you click right?.

    my site:
    http://thenozzle.net/

    Help?
    Thanks!
    - Jackson

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    You are right, that is not what is supposed to happen... Looking at your site with rather fancy layering going on, I would not be surprised if it is caused by some conflict between the various javascript running.

    But first, I suggest you take a closer look at you header.php because there is a lot of code (inlcuding Easy FancyBox and Google Analytics code) being displayed in the head section TWICE ! Maybe you have two calls to PHP function wp_header() in there? Or did you paste code in there manually?

    Anyway, do you have a link directly to a page where I can see the effect you are describing?

  3. MrNiceGuy2
    Member
    Posted 3 years ago #

    http://thenozzle.net/about

    There's a link. In my header.php I'm not calling google analytics twice, nor fancybox. And I'm not loading header in the footer at all or in index.php more then once. Not sure whats going on. Might be a plugin confliction.

    Also, new update, The effect goes back in, but it doesn't do the easing effect on the way out. SO it expands in a split second, but goes in with jquery in the easing effect.

    ON the about page, click the image thumbnail, then scroll up to the top of the page to see the overlay and the fancybox, then click away fromt he image to see it ease back in.

  4. MrNiceGuy2
    Member
    Posted 3 years ago #

    Turn out, was a css problem on my side. Overflow for the container I was wrapping the image in was set to hide overflowing content, so the image was pushed up. However, now I was a similar problem, the image is too far down. About half of it is visible, but you've got to scroll down to see the rest, which is frustrating as hell.

    take a look:

    http://thenozzle.net/about

    Click the thumbnail image halfway down the page.

  5. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    Ok, apart from CSS and javascript (Facebook and ShareAholic!) errors there is something very disturbing going on with your page source code. I don't know whether it comes from your theme (most likely here) or plugins (buddypress?) but you really need to take care of that first.

    For example, that about page source starts with:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><div
    style="position:relative; width:1280px; top:-125px; margin-left: auto ;
    margin-right: auto ;"><style type="text/css">body {
    	font-family:"Myriad Pro", Helvetica sans-serif;
    	color:#fff;
    	}
    .separator{display:block;height:1px;margin:10px 5px;background:#CCC}
    ]</style><body
    style="background-color:#000"><html
    xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head>
    ...

    (those div, style and body tags are not allowed there)

    With such a source, it surprises me FancyBox - or anything else for that matter - even works!

  6. MrNiceGuy2
    Member
    Posted 3 years ago #

    I had no idea that was even being rendered. Yes, something strange is going on. I had an issue a while back where I was adding a container somewhere, but I forgot to close a style tag and the entire site tried to load as a style, it gave me a server error and I didn't realize until the next day that the entire index page was a style, lol. After that day some odd things are going on in the site, pages duplicate themselves about 10 or so times and I have to backup, delete the site, and re-upload for it too work. It's an issue in confliction with wordpress, and I'm not surprised fancybox loads, al it is is a javascrpt that tells an image to popup in a frame with a ice jaascript effect. Pretty simple actually, lightboxes are.

    I'm currently working out the strange pre-head you've noticed. It must be recent, because I would notice that... hmmm

    Anyway, try and focus on the lightbox positioning. Is there any way to simple have fancybox load the image 400px higher? Seems like a simple solution, might mess it up on other pages though, so I'll do some other tests.

  7. MrNiceGuy2
    Member
    Posted 3 years ago #

    Also,

    xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"

    Is that supposed to be there? Part of wordpress theming I believe, because I didn't put it there, and I can see it in other wordpress themes. Is it necessary? Causing problems?

  8. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    Hmmm... you are right, that xmlns="http://www.w3.org/1999/xhtml" is not something you would expect after a DOCTYPE HTML 4.01...

  9. MrNiceGuy2
    Member
    Posted 3 years ago #

    I took them out, whole site works fine, seems a little faster but it may just be my imagination.

  10. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    So it is solved then?

  11. MrNiceGuy2
    Member
    Posted 3 years ago #

    Oh no, I was talking about the xmlns="", that was unneeded, but the fancybox still won't center vertically.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic