Yes i think it could be caused because i call all my javascript at the bottom of the template, but gallery, speak fancybox gets called somewhere above in the content. You could try moving the jQuery call from BizBuzz template in before the part of the template (below {stylesheet} tag):
Code: Select all
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></__script>
or you could remove:
Code: Select all
<__script__ type="text/javascript" src="modules/Gallery/templates/fancybox/jquery.fancybox.pack.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/jquery/jquery.mousewheel.pack.js"></__script>
<__script__ type="text/javascript">
$(document).ready(function() {
$("a.group").fancybox({
'speedIn': 300,
'speedOut': 300,
'overlayColor': '#000',
'overlayOpacity': 0.7
});
});
</__script>
in the gallery template and add it to the rest of the Javascript calls in the BizBuzz template at the bottom of it.
Also you could open the functions.js and add the fancybox function there and remove it from template:
Code: Select all
$(document).ready(function() {
$("a.group").fancybox({
'speedIn': 300,
'speedOut': 300,
'overlayColor': '#000',
'overlayOpacity': 0.7
});
});