shadowbox открывает изображения на новой странице - PullRequest
Новая
       34

shadowbox открывает изображения на новой странице

1 голос
/ 08 декабря 2011

Я пытаюсь использовать shadowbox.js, чтобы открыть изображение поверх текущей веб-страницы. Однако, когда я нажимаю на ссылку, я перехожу к моему изображению, а страница внизу переходит на пустую страницу. Кто-нибудь знает, как открыть shadowbox, сохраняя мою текущую страницу внизу?

Вот мой код: 

<head>
    <script src="shadowbox-3.0.3/shadowbox.js" type="text/javascript"></script>
    <link rel="stylesheet" href="shadowbox-3.0.3/shadowbox.css" type="text/css">
</head>

<body onload="Shadowbox.init();">
    <table>
        <tr>
            <td><a href="ss1.jpg" rel="shadowbox[screenshots]">image #1</a></td>
            <td><a href="ss2.jpg" rel="shadowbox[screenshots]">image #1</a></td>
            <td><a href="ss3.jpg" rel="shadowbox[screenshots]">image #1</a></td>
        </tr>
    </table>

</body>

1 Ответ

0 голосов
/ 09 декабря 2011

Добавьте Shadowbox.init() к <head>, как предлагается в документации.Возможно, сначала поместите ссылку CSS;еще раз, как следует из документации.Следующее должно идти в голову / 

<script src="shadowbox-3.0.3/shadowbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="shadowbox-3.0.3/shadowbox.css" type="text/css">
<script type="text/javascript">
 Shadowbox.init();
</script>

Источник: http://www.shadowbox -js.com / использовании.html

Рабочая страница ниже: 

<html>
<head>
 <script src="shadowbox.js" type="text/javascript"></script>
 <link rel="stylesheet" href="shadowbox.css" type="text/css">
 <script type="text/javascript">
   Shadowbox.init();
 </script>
</head>
<body>
<table>
    <tr>
        <td><a href="ss1.jpg" rel="shadowbox[screenshots]">image #1</a></td>
        <td><a href="ss2.jpg" rel="shadowbox[screenshots]">image #2</a></td>
        <td><a href="ss3.jpg" rel="shadowbox[screenshots]">image #3</a></td>
    </tr>
</table>
</body>
</html>
...