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(). Он должен выполняться при загрузке страницы.