$('#product-info .pro-img img').click(function() {
var $index = $(this).index();
var temp = '<div class="modal fade" id="modalSwiper" tabindex="-1"><div class="modal-dialog modal-full" role="document"><div class="modal-content"><div class="modal-body"><div class="swiper-container" id="modSwiper"><div class="swiper-wrapper"></div><div class="swiper-pagination"></div><div class="swiper-button-prev iconfont icon-left"></div><div class="swiper-button-next iconfont icon-right"></div></div></div></div></div></div>';
$('body').append(temp);
var tempslider = '';
$('#product-info .pro-img img').each(function() {
tempslider += '<div class="swiper-slide"><img src="' + $(this).attr('src') + '" class="img-responsive center-block" alt="" /></div>';
});
$('#modalSwiper').find('.swiper-wrapper').append(tempslider);
var modalSwiper = $('#modSwiper').swiper({
autoplay: 4000,
speed: 1500,
loop: true,
pagination: '.swiper-pagination',
lazyLoading: true,
paginationClickable: true,
runCallbacksOnInit: true,
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
});
$('#modalSwiper').modal('show');
$('#modalSwiper').on('shown.bs.modal', function() {
var a = $('#modalSwiper .modal-full').height(),
b = $('#modalSwiper .modal').height();
if(a < b) {
$('#modalSwiper .modal-full').css('transform', 'translate(0,' + (b - a) / 2 + ')')
}
modalSwiper.update(true);
modalSwiper.slideTo($index + 1,500);
});
$('#modalSwiper').on('hidden.bs.modal', function() {
$('#modalSwiper').remove();
})
}) 查看全部

$('#product-info .pro-img img').click(function() {

					var $index = $(this).index();

					var temp = '<div class="modal fade" id="modalSwiper" tabindex="-1"><div class="modal-dialog modal-full" role="document"><div class="modal-content"><div class="modal-body"><div class="swiper-container" id="modSwiper"><div class="swiper-wrapper"></div><div class="swiper-pagination"></div><div class="swiper-button-prev iconfont icon-left"></div><div class="swiper-button-next iconfont icon-right"></div></div></div></div></div></div>';

					$('body').append(temp);

					var tempslider = '';

					$('#product-info .pro-img img').each(function() {

						tempslider += '<div class="swiper-slide"><img src="' + $(this).attr('src') + '" class="img-responsive center-block" alt="" /></div>';

					});

					$('#modalSwiper').find('.swiper-wrapper').append(tempslider);

					var modalSwiper = $('#modSwiper').swiper({

						autoplay: 4000,

						speed: 1500,

						loop: true,

						pagination: '.swiper-pagination',

						lazyLoading: true,

						paginationClickable: true,

						runCallbacksOnInit: true,

						prevButton: '.swiper-button-prev',

						nextButton: '.swiper-button-next',

					});

					$('#modalSwiper').modal('show');

					$('#modalSwiper').on('shown.bs.modal', function() {

						var a = $('#modalSwiper .modal-full').height(),

							b = $('#modalSwiper .modal').height();

						if(a < b) {

							$('#modalSwiper .modal-full').css('transform', 'translate(0,' + (b - a) / 2 + ')')

						}

						modalSwiper.update(true);

						modalSwiper.slideTo($index + 1,500);

					});

					$('#modalSwiper').on('hidden.bs.modal', function() {

						$('#modalSwiper').remove();

					})

				})