我安装了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>
说实话,这是由其他人设置的,所以我有点不确定它发生了什么。