Сделать лайтбокс ссылкой на внешнюю веб-страницу - PullRequest
Новая
       10

Сделать лайтбокс ссылкой на внешнюю веб-страницу

0 голосов
/ 21 ноября 2011

Если у меня есть галерея лайтбоксов, можно ли связать одно из изображений с внешним веб-сайтом?Чтобы другие изображения рассматривались как обычный лайтбокс, но если вы нажмете одно из изображений, отправленных на внешнюю веб-страницу?

Это решение не работает: 

<div id="gallery" style="display:inline;">
    <ul>
        <li>
            <a href="http://www.linktohere.com" >
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
            </a>
        </li>
    </ul>
</div>

Есть ли способы обойти эту проблему?

Спасибо.

1 Ответ

0 голосов
/ 21 ноября 2011 
<htm>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#gallery a').next().lightBox();
        });
    </script>
    <title>Untitled Document</title>
</head>
<body>
<div id="gallery" style="display:inline;">
    <ul>
        <li>
            <a href="http://www.linktohere.com" >
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image2.jpg" title="title one">
                <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image3.jpg" title="title two">
                <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
            </a>
        </li>
    </ul>
</div>
</body>
</html>

Вы можете использовать функцию .next (), чтобы взять следующий элемент, все остальные будут выбраны, кроме первого.

использование такого запроса более распространено, и обычно оно будет более читабельным.

...