Jquery и ShadowBox

Я не могу заставить работать shadowbox... У меня есть статическая html-страница с изображением, которое действует как ссылка для открытия SWF-файла в shadowbox. однако, когда я нажимаю на изображение, он открывает файл SWF, как и любой другой файл изображения в браузере. Коробка с тенью не работает вообще.

Это моя HTML-страница. Я использую shadowbox-build-3.0b. Странно, что этот редактор не позволяет новым пользователям использовать тег изображения в HTML-коде в редакторе. Так что я изменил свой образ.

<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>

2 ответа

Хм. Я сам не использовал shadowbox, но если вы посмотрите на то, как страница предлагает вам настроить shadowbox, то, похоже, что-то не так.

Как я понимаю, вы хотите, чтобы SWF-файл открывался при нажатии на изображение; Разве вы не должны ставить игроков: потом качаться?

Ваш код также не показывает, содержит ли ваш img ссылку вокруг него и имеет ли эта ссылка атрибут rel="shadowbox".

Я думаю, это должно быть настроено примерно так:

<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>

Shadowbox.init() не должно быть в документе.ready(). Он должен выполняться при загрузке страницы.

Другие вопросы по тегам