shadowbox conflicts with my flash menu

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

shadowbox conflicts with my flash menu

mas_lerdanch
This post was updated on .
I have been messing around trying to implement shadowbox on my page for some time

All the files work on the two pages i have made as tests
http://colletts.co.uk/new/shadow.html
http://colletts.co.uk/new/test.html

But don't work when I implement them on my page with my full css and flash menu
http://colletts.co.uk/new/
The first 3 inline images are linked to shadowbox but only open a new window.

If I remove <script src='js/ActiveContentDropDown2.js' type='text/javascript'></script> from my HEAD the shadowboxes work fine – click on any of the 3 inline images
See http://colletts.co.uk/new/index2.html
Is there another way I can run the ActiveContentDropDown2.js script to stop it interfering?


Has anyone come accross this problem before using shadowbox? and does anyone know what I should do?

Please help

Mas

[HEAD]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="author" content=""/>
<link rel="stylesheet" type="text/css" href="colletts.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/lightbox.css"  media="screen" />
<title>Collett's Mountain Holidays ~ Walking in Europe</title>



<link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">

<script type="text/javascript" src="src/js/lib/yui-utilities.js"></script><script type="text/javascript" src="src/js/adapter/shadowbox-yui.js"></script><script type="text/javascript" src="src/js/shadowbox.js"></script><script type="text/javascript"> window.onload = function(){ Shadowbox.init(); /** * Note: The following command is not necessary in your own project. It is * only used here to set up the demonstrations on this page. */ initDemos(); }; function initDemos(){ Shadowbox.setup([ document.getElementById('flash1'), document.getElementById('flash2'), document.getElementById('flash3') ], { gallery: 'Flash', continuous: true, counterType: 'skip', animSequence: 'sync' }); Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area')); }; </script>


<script src='js/ActiveContentDropDown2.js' type='text/javascript'></script>
</head>
[HEAD]

Reply | Threaded
Open this post in threaded view
|

Re: shadowbox conflicts with my flash menu

mas_lerdanch
This post was updated on .
Ok so I have fixed it - i looked at the code and the script <script src='js/ActiveContentDropDown2.js' type='text/javascript'></script> was creating a second 'window.onload=function(){if(ied){tfix()...' so I adapted it to include the sahdowbox on load function and removed it from my HEAD as follows 'window.onload=function(){Shadowbox.init(); if(ied){tfix()...'

The results mean that all my Shadowbox APPs work seamlessly! http://colletts.co.uk/new/ woohoo