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