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>

我正在尝试动态创建幻灯片，当用户点击Caroline Springs链接时，幻灯片放映开始。正如在这个帖子中已经讨论的那样：Starting ColorBox slideshow using a link我试图复制它，但它不适合我。比我尝试使用magnicfic popup（链接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冲突，我已经提交了关于堆栈溢出的另一个问题

使用Jquery从超链接运行幻灯片

1 个答案: