how to resolve some kind of query...

User 258947 Photo


Registered User
2 posts

I've made my form to appear in a popup window see here .. and it works fine, but when I have that snippet of code to make the form "pop up" it conflicts with the jquery program I use (fancybox) to also have the images popup in an iframe.

See the photos in the gallery at the bottom of that page ... with this coffee cup form code on the site (the code for the header), those thumbnails open in a new page, not in an iframe. They should open up as they do for example the blog posts here.

If I remove the coffeecup code to make the form appear in the popup, the gallery images work correctly.

Is that some way I can reconfigure that snippet of code so it doesn't cause a conflict?

the snippet is pasted below


<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="http://www.skolaiimages.com/forms/si-pb-photo-tour-inq/colorbox/colorbox.css" />
<script src="http://www.skolaiimages.com/forms/si-pb-photo-tour-inq/common/libs_js/jquery-1.4.4.min.js"></script>
<script src="http://www.skolaiimages.com/forms/si-pb-photo-tour-inq/colorbox/jquery.colorbox.js"></script>
<script>
var $fb_pop = jQuery.noConflict();

$fb_pop(document).ready(function(){
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"679px", height:"80%", maxHeight:"826px", fixed:true });
});
</script>


I'd like to have both the form AND the images appear in the appropriate iframes, if possible. Scott from support suggested it's a jquery conflict issue, and a link to a google search on that issue. I'm not a coder; if someone can just let me know what I need to paste in to resolve this issue, I'd be very grateful.

Thanks so much.

Cheers

Carl
User 187934 Photo


Senior Advisor
20,181 posts

Hi Carl,
Can you make a page that has both for testing purposes and share a link?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 258947 Photo


Registered User
2 posts

Hey Eric

Thanks for your assistance. I inserted this little snippet of code

var jq = jQuery.noConflict(true);

into the above snippet, right before </script>

and it seems to be working correctly now. But it started working the other day, too, for about 24 hours then faded back into miserable-ness again .. so for now, it's OK. I have no idea how any of this works, its kinda like magic.

If it stops working I'll post back here, OK?

Thanks

Cheers

Carl

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.