Запуск слайд-шоу ColorBox по ссылке - PullRequest
Новая
       14

Запуск слайд-шоу ColorBox по ссылке

2 голосов
/ 27 ноября 2011

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

Что я делаю сейчас, так это группирую все изображения с отн. Для ссылки на слайд-шоу я использую следующий код: 

<a rel="slideshow" href="#">Display slideshow</a>

В конфигурации для colorbox я определяю rel как rel, который я использую для изображений. Это почти работает, проблема, с которой я сталкиваюсь, заключается в том, что в начале я получаю дополнительную пустую страницу.

Как запустить слайд-шоу галереи изображений, используя текстовую ссылку?

1 Ответ

4 голосов
/ 02 марта 2012

Я долго искал, как это сделать, и наконец нашел ответ - где еще - на F.A.Q для Colorbox. Пример сформулирован немного по-другому, но найти его было не так легко, как вы думаете. Особенно, если вы задаете вопрос в таких терминах, как я. 

<div style="display:none;"> <!-- optionally hide this div -->
    <a rel="gallery" href="/slideshow/one.jpg">Caption 1</a>
    <a rel="gallery" href="/slideshow/two.jpg">Caption 2</a>
    <a rel="gallery" href="/slideshow/three.jpg">Caption 3</a>
</div>
<a id="openGallery" href="#">Display slideshow</a>

<script type="text/javascript">
var $gallery = $("a[rel=gallery]").colorbox();
$("a#openGallery").click(function(e){
    e.preventDefault();
    $gallery.eq(0).click();
});
</script>

http://jacklmoore.com/colorbox/faq/#faq-click

...