iframe not opening in fancybox

hey,

could you please check and help me out.

Why is the fancybox.iframe always opening full screen?
What am I not seeing?

Thanks for you advice.

Kr

http://gamanga.com/GMG_CONCEPT_01.html#

Update: http://gamanga.com/GMG_CONCEPT_07.html#3

I got the fancybox popup working now, but something is still not OK:
when I click a button, the page jumps to the top of the website (should not be doing this) and the popup comes from right below, instead of nicely zooming in from the centre?

I think the jqueries (versions...) from the fancybox, the slider, ... are conflicting? Tried some changes but without any luck.

Here (http://gamanga.com/) it works just fine ... but even a copy paste doesn't work in the new version.

I would appreaciate greately your feedback, thanks.

So, 2 things I noticed, well one noticed one idea.

Your loading jquery latest 3 times, from 2 sources, in 2 places.

Also I see the sliders are changing the hash value in the url. If your using ( and you are ) some sort of smooth scrolling, normally this looks for a hash and will scroll to it, which in your case MIGHT be the slideshow.

This is an issue of, whenever your clicking, something is setting the focus to top.

Okay just looked at your post on blocking script. May I ask why your using a slideshow that uses .hashchange. That can cause all sorts of issues. Also some script seems to not be loading.

I don't really use plug ins that much, but that might be some starting points.

when I click a button, the page jumps to the top of the website (should not be doing this)

Click to expand...

That WILL happen if your anchor element has a "#" in the URL attribute and you do not prevent the onclick event 'bubbling' up the the default handler by returning a NULL result to the handler.

OR.. you could take a second, pop open the code and see that there is no hash on the url being clicked. Don't go chasing bugs that don't exist.

BTW found another reference to jquery latest being loaded, this time thru a script appending it in the header?? You might want to start looking at scrip loads and load order. A lot of you js is failing to load.

Hey, thanks for advising.

I disabled the "hashchange" in the slider script and removed the # in the URL.
But still when clicking the button, the page jumps to top and the fancybox popup is zooming from right below.

http://gamanga.com/GMG_CONCEPT_07.html

On the other hand, in the old design, I also had the smooth scroll to an #anchor and also the slider...but the fancybox worked just fine.
http://gamanga.com/

I'm looking further...

A lot of you js is failing to load.

Click to expand...

how do you see this?

using firebug, but any dev tool console should show it.

OR.. you could take a second, pop open the code and see that there is no hash on the url being clicked. Don't go chasing bugs that don't exist.

Click to expand...

Sure, but that would require me to debug someone else's code rather than offering pointers to allow someone else to actually learn to debug for themselves.

OK, I'm not a professional webdesigner. I only do this purely as a hobby if I have the time-which is very little. In the meantime, I've been trying all sort of stuff these past 2 days... but could't solve the problem with the fancybox pupop.

already done:
- disabled hashchange in slider script
- removed the hashed from the URL
- tried to eliminate as much as possible jquery from different sources
- tried to re-arrange the scripts
- removed the smooth scroll
- tried colorbox instead of fancybox

nothing worked.


Could anyone please check the coding and see what is conflicting and what I must do?

I'm seconds away from giving up on this fancy/colorbox thing and simply embed the youtube videos into the website...but this is plan B.

Thanks for your help.

http://gamanga.com/GMG_CONCEPT_07.html

OK, I'm not a professional webdesigner. I only do this purely as a hobby if I have the time-which is very little.

Click to expand...

Why does that matter? You have chosen to develop your own website pages, therefore you need to learn at least some the knowledge and skills of a professional developer. Otherwise you, like Blanche DuBois in the Tennessee Williams book "A Streetcar Named Desire" in will always be dependant on "the kindness of strangers"


The href attribute being empty is JUST the same as having a hash symbol in there, it becomes self-referencing, meaning that browsers will normalise it as a link to the current URL.

See the second part of my post regarding event 'bubbling'.