Viewing 10 replies - 1 through 10 (of 10 total)
  • 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?

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

    https://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.

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

    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:

    https://thenozzle.net/about

    Click the thumbnail image halfway down the page.

    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" "https://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="https://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!

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

    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.

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

    Also,

    xmlns="https://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?

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

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

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

    So it is solved then?

    Thread Starter MrNiceGuy2

    (@mrniceguy2)

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: Easy FancyBox] Help?’ is closed to new replies.