涓夋按娑﹀洯椹矾寮撳舰椋庢按濡備綍锛?/h2>
浣犺繖涓埧瀛愪笉灞炰簬鍙嶅紦璺紝鍥犱负鏄幆缁曠殑锛岄姘翠笂鍙帀甯︾幆鑵般€傛槸寰堝ソ鐨勯姘翠簡锛屽鏋滆繖鏉″紦鍒戠殑琛楅亾鍜屾渤閬撳湪浣犵殑灞嬪瓙鐨勫墠闈紝鑰屼笉鏄湪鍚庨潰锛岄偅涔堢湡鏄粷濂界殑椋庢按浜嗭紝璐竵涓ゆ椇浜嗭紝浣嗘槸鏄湪浣犵殑灞嬪悗锛屾墍浠ヨ储杩愬氨鍙楀埌浜嗗奖鍝嶏紝鍙湁鍒颁簡鍙屾槦鍒板潗鐨勬椂鍊欏氨
椋庢按,涓夋按,椹矾,寮撳舰
浣犺繖涓埧瀛愪笉灞炰簬鍙嶅紦璺紝鍥犱负鏄幆缁曠殑锛岄姘翠笂鍙帀甯︾幆鑵般€傛槸寰堝ソ鐨勯姘翠簡锛屽鏋滆繖鏉″紦鍒戠殑琛楅亾鍜屾渤閬撳湪浣犵殑灞嬪瓙鐨勫墠闈紝鑰屼笉鏄湪鍚庨潰锛岄偅涔堢湡鏄粷濂界殑椋庢按浜嗭紝璐竵涓ゆ椇浜嗭紝浣嗘槸鏄湪浣犵殑灞嬪悗锛屾墍浠ヨ储杩愬氨鍙楀埌浜嗗奖鍝嶏紝鍙湁鍒颁簡鍙屾槦鍒板潗鐨勬椂鍊欏氨
浣犱簡瑙h繖閲岀殑鍦板舰鍚楋紵鍚楌煒?/p>
鏈洖绛旂敱缃戝弸鎺ㄨ崘
0){
//获取当前商品内容图片数组
var imgArr=[],imgIndex=0;
//遍历详情里面的图片,保存数据
contentImg.each(function(i){
// 设置当前图片的序号,以便后面调用
$(this).data('index',imgIndex);
var thisSrc=$(this).attr('src'),
thisWidth,thisHeight;
var img = new Image();
img.src = thisSrc;
// 如果图片被缓存,则直接返回缓存数据
if(img.complete){
//添加到数组中
imgArr[imgIndex]={src:thisSrc, w:img.width, h:img.height};
}else{
//闭包处理,防止加载速度问题,导致排序不对
(function(img,index){
// 完全加载完毕的事件
img.onload = function(){
//添加到数组中
imgArr[index]={src:thisSrc, w:img.width, h:img.height};
}
})(img,imgIndex)
}
imgIndex++;
});
//点击图片大图轮播
contentImg.on('click',function(){
var thisIndex=$(this).data('index');
var gallery = new PhotoSwipe($('#photpSwipe')[0], PhotoSwipeUI_Default, imgArr, {index:thisIndex});
gallery.init();
})
}