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

Question

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

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

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

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

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

Answer 1

Я долго искал, как это сделать, и наконец нашел ответ - где еще - FAQ для 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/