Следуя официальным инструкциям по использованию Shadowbox, я добавил всего несколько строк CSS / JS:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init(
{players: ['img', 'swf', 'qt']}
);
</script>
</head>
С соответствующим HTML:
<div id = "animations">
<a href="gallery/animations/lipsync_websized.swf"
rel="shadowbox[animations]; height=675; width=1200;"><img
src="gallery/animations/lipsync_thumb.png" title="Lipsync Animation"></a>
</div>
И все же, когда я нажимаю на свою миниатюру, она не создает оверлей Shadowbox. Вместо этого мой браузер переходит по обычной ссылке на анимацию.
Я также пробовал Lightbox, Greybox и Lightbox2, работая над этой проблемой около двенадцати часов. Мое понимание объектов и классов Javascript очень ограничено. Веб-разработка не моя карьера.
Этот вопрос встречается редко в Интернете, а ответы на темы еще реже. Это должно быть что-то слишком простое.