Запустите слайд-шоу из гиперссылки с помощью Jquery

Question

 <div class="image-container" style="display:none;"> 
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/1.jpg">Caption 1</a>
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/2.jpg">Caption 2</a>
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/3.jpg">Caption 3</a>
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/4.jpg">Caption 4</a>
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/5.jpg">Caption 5</a>
                    <a  href="<?php echo get_template_directory_uri();?> /images/events/Caroline Springs 29112013/6.jpg">Caption 6</a>
            </div> 
<a id="openGallery" href="#">Caroline Springs</a>

Я пытаюсь создать слайд-шоу на лету, где, когда пользователь нажимает на ссылку Кэролайн Спрингс, начинается слайд-шоу. Как это уже обсуждалось в этой теме: Запустив слайд-шоу ColorBox по ссылке, я попытался повторить ее, но она не работает для меня. Чем я пытался использовать увеличительное всплывающее окно (ссылка http://dimsemenov.com/plugins/magnific-popup/), но результат все тот же. мой jquery выглядит так:

$(".events .previous-events .container-list-row1 a#openGallery").click(function(e){

    e.preventDefault();


    $('.image-container').magnificPopup({
    delegate: 'a', // child items selector, by clicking on it popup will open
    type: 'image'
    // other options
    });

});

Пожалуйста, посмотрите и дайте мне знать, как это сделать.

Answer 1

Проблема была с конфликтом jquery, для которого я представил другой вопрос о переполнении стека