Fancybox在最后点击的图片上打开

时间:2015-07-22 04:59:15

标签: javascript fancybox

我安装了fancybox,每当我关闭它并打开它时,它总是从最后点击的图像开始。如何对其进行排序,以便在单击图像时打开该特定图像。

function initLightbox() {
    var activeClass = 'active';
    var win = jQuery(window);

jQuery('.products-list, .images-holder').each(function() {
    var holder = jQuery(this);

    holder.find('a.lightbox-link, a[data-rel*="lightbox"]').each(function(i) {
        var link = jQuery(this);
        link.attr('rel', link.attr('data-rel')).fancybox({
            padding: 0,
            margin: 0,
            cyclic: false,
            autoScale: true,
            overlayShow: true,
            overlayOpacity: .7,
            overlayColor: '#000000',
            titlePosition: 'inside',
            speedIn:0,
            speedOut: 0,
            onComplete: function(box) {
                jQuery(window).unbind('resize.fb').unbind('scroll.fb');
                // jQuery(window).unbind("center.fb").unbind('center.fb');

                jQuery('#fancybox-wrap').css({
                    opacity: 0
                });

                if (link.attr('href').indexOf('#') === 0) {
                    jQuery('#fancybox-content').find('a.close').unbind('click.fb').bind('click.fb', function(e) {
                        jQuery.fancybox.close();
                        e.preventDefault();
                    });
                }
                slideShowModal(i, jQuery.fancybox, jQuery('#fancybox-wrap'));
            }
        });
    });
});

这是我的php代码:

<li>
    <?php if($popup_image) echo '<a class="lightbox-link" href="#popup-' . $term->slug . '">' ?>
    <?php if( has_post_thumbnail() ) : ?>
    <span class="img-holder"><?php the_post_thumbnail('thumbnail_220x220') ?></span>
        <?php endif ?>
    <?php the_title('<span class="text">', '</span>'); ?>
                            <?php if($popup_image) echo '</a>' ?>
                                    </li>

说实话,这是由其他人设置的,所以我有点不确定它发生了什么。

0 个答案:

没有答案