Lightbox works on one page, but not another
Posted: Sat Jan 22, 2011 2:28 pm
I was wondering if anyone might be able to help with something that's been puzzling me recently. I have a site where a news article features three small images which I've linked to LightBox in TinyMCE. This news article appears on two different pages of the website. Both pages use different templates, although I've added the code for Lightbox:
into the 'options' tab of each page, rather than the template.
One one page, it works as expected; on the other, clicking on the thumbnails just opens them up in the standard way. I've checked the source code for both pages, and they both load the Lightbox code:
The only thing I can think of that is different on the respective pages is that on the one where it doesn't work, there is also some page-specific meta data in the 'options' tab:
although I don't suppose that's anything to do with it?
Does anyone have an idea what's happening/what I'm doing wrong?
Thanks in advance!
CMS 1.8.2 (yes, I know I should upgrade: hanging on for 1.9.3!), News 2.10.6, LightBox 1.0.1, CGFeedmaker 1.0.11 are the versions of the modules I've mentioned.
Code: Select all
{LightBox action='css'}
{LightBox action='js'}
One one page, it works as expected; on the other, clicking on the thumbnails just opens them up in the standard way. I've checked the source code for both pages, and they both load the Lightbox code:
Code: Select all
<link rel="stylesheet" href="http://www.mysite.com/modules/LightBox/css/lightbox.css" type="text/css" media="screen" />
<!-- debug: dir = http://www.mysite.com/modules/LightBox -->
<!-- debug: lbdir = http://www.mysite.com/modules/LightBox -->
<__script__ type="text/javascript">
var fileLoadingImage = "modules/LightBox/images/loading.gif";
var fileBottomNavCloseImage = "modules/LightBox/images/closelabel.gif";
var overlayOpacity = 0.8;
var animate = true;
var resizeSpeed = 7;
var borderSize = 10;
var imgMaxWidth=1000;
var saveImage=true;
</__script>
<__script__ src="modules/LightBox/js/prototype.js" type="text/javascript"></__script>
<__script__ src="modules/LightBox/js/scriptaculous.js?load=effects" type="text/javascript"></__script>
<__script__ src="modules/LightBox/js/lightbox.js" type="text/javascript"></__script>
Code: Select all
{CGFeedMaker action='autodiscovery' feed='my-feed'}
Does anyone have an idea what's happening/what I'm doing wrong?
Thanks in advance!
CMS 1.8.2 (yes, I know I should upgrade: hanging on for 1.9.3!), News 2.10.6, LightBox 1.0.1, CGFeedmaker 1.0.11 are the versions of the modules I've mentioned.