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

请看一下，让我知道怎么做

问题是jquery冲突，我已经提交了另一个关于堆栈溢出的问题

 <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>

$(".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
    });

});