2009-09-15 7 views
0

Je ne peux pas faire fonctionner la shadowbox ... J'ai une page html statique qui a une image qui agit comme un lien pour ouvrir un swf dans le shadowbox. Toutefois, lorsque je clique sur l'image, elle ouvre le swf comme tout autre fichier image dans le navigateur. La zone Shadow ne semble pas fonctionner du tout.Jquery et ShadowBox

Ceci est ma page html. J'utilise shadowbox-build-3.0b. Il est étrange que cet éditeur n'autorise pas les nouveaux utilisateurs à utiliser la balise image dans le code html de l'éditeur. J'ai donc changé le mien en image.

<html> 
    <head> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="shadowbox-build-3.0b/adapters/shadowbox-jquery.js"></script> 
<script type="text/javascript" src="shadowbox-build-3.0b/shadowbox.js"></script> 
<link type="text/css" href="shadowbox-build-3.0b/shadowbox.css" rel="stylesheet" media="screen"> 
<script type="text/javascript" src="shadowbox-build-3.0b/languages/shadowbox-en.js"></script> 
<!-- Begin Shadowbox JS --> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    Shadowbox.init({ 
    language: "en", 
    players: ["image"] 
    }); 

    }); 
</script> 
<!-- End Shadowbox JS --> 

    </head> 
    <body> 
    <a href="LightBoxFiller.swf" rel="shadowbox[Mixed];width: 800;height: 600;"><image src="imagewithplaybutton.jpg" ></a> 

    </body> 
</html> 

Répondre

3

Hmm. Je n'ai pas utilisé shadowbox moi-même, mais si vous regardez la façon dont la page vous suggère de mettre en place shadowbox, il semble y avoir des erreurs.

Comme je comprends, vous voulez que le fichier SWF s'ouvre lorsque vous cliquez sur l'image; Ne devriez-vous pas définir les joueurs: swf alors?

Votre code ne montre pas non plus si votre img a un lien autour de lui et si ce lien a l'attribut rel = "shadowbox".

je suppose qu'il devrait être mis en place quelque chose comme ceci:

<script type="text/javascript"> 
Shadowbox.init({ 
    language: "en", 
    players: ["swf"] 
}); 
</script> 
<a href="myflashfile.swf" rel="shadowbox"><img alrt="click here to open swf file" src="imgofflash.jpg"/></a> 
0

Shadowbox.init() ne devrait pas être dans le document.ready(). Il devrait s'exécuter au chargement de la page.