フェッターケアン2007_14年_58.6%_GMコニサーズチョイス カスクストレングス forJIS画像
人気の「シェリーホグスヘッド熟成」仕立て

フェッターケアン2007_14年_58.6%_GMコニサーズチョイス カスクストレングス forJIS

商品説明
GM コニサーズチョイス カスクストレングス>蒸留所: 0){//ダイアログ作成済み changeItemImgDlgSize(); $('#' + dlgName).emsDialog('open'); let mainimgCnt = $('#' + dlgName + ' .swiper_mainimg_dlg').data('img_count'); if(mainimgCnt > 1){ setItemImgDlgSwiper(dlgName, index, mainimgCnt); } }else{//初回表示時にダイアログ作成 $('#item_img_dlg_area').append('
'); $('#' + dlgName).emsDialog({ width: 'auto' ,height: 'auto' ,dialogClass:'item_img_dlg_group' ,backClose: true ,backDark: true ,openCallback : function(){ changeItemImgDlgSize(); $('#' + dlgName + ' .item_img_content').on('click', function(){ $('#' + dlgName).emsDialog('close'); }); $('#' + dlgName + ' .item_img_dlg_block, #' + dlgName + ' .swiper_thumbnail_dlg').on('click', function(e){ e.stopPropagation(); }); $('#' + dlgName + ' .swiper-button-prev, #' + dlgName + ' .swiper-button-next').on('click', function(e){ e.stopPropagation(); }); } ,closeCallback : function(){ if(itemImgSwiperList[dlgName + "thumb"]){ itemImgSwiperList[dlgName + "thumb"].destroy(true, false); } if(itemImgSwiperList[dlgName + "thumb"]){ itemImgSwiperList[dlgName + "main"].destroy(true, false); } } }); //商品画像スライドを取得 $.ajax({ cache: false ,url: './c-item-img-dlg/getItemImgDlg?item_sqn=' + itemSqn + '&' +'item_kind_sqn=' + itemKindSqn + '&display_number=' + displayNumber + '&radio_img_flg=' + radioImgFlg ,success: function(_res){ $('#' + dlgName +' .item_img_content').html(_res); $('#' + dlgName).emsDialog('open'); let mainimgCnt = $('#' + dlgName + ' .swiper_mainimg_dlg').data('img_count'); if(mainimgCnt > 1){ setItemImgDlgSwiper(dlgName, index, mainimgCnt); //スライド作成 } $('#' + dlgName + ' .swiper_mainimg_dlg .swiper-slide').each(function(i){ if($(this).find('.item_video').length != 0){ let slideName = ''; if(displayNumber == -1){ slideName = 'dlg_mainimg'; }else{ slideName = 'dlg_' + displayNumber; } let cartFlg = $("#JS_CART_ODM").val(); if(cartFlg != 1){ setItemImgVideo(slideName, i); } } }); },error: function(_res){ } ,async: false }); } } //商品画像ダイアログ ダイアログとメイン画像の大きさ調整 function changeItemImgDlgSize(){ const dlgVw = 100 * (document.documentElement.clientWidth / window.innerWidth) - 1; const dlgVh = 100 * (document.documentElement.clientHeight / window.innerHeight) - 1; $('.item_img_content').css('width', dlgVw + 'vw'); $('.item_img_dlg_group .ems_dlg_ele').css('max-height', dlgVh + 'vh'); $('.swiper_mainimg_dlg .swiper-wrapper').css('min-height', $(window).innerHeight() / 1.5 + 'px'); $('.swiper_mainimg_dlg .item_img_dlg_img').css('max-width', $(window).innerWidth() + 'px'); $('.swiper_mainimg_dlg .item_img_dlg_img').css('max-height', ($(window).innerHeight() - 120) + 'px'); //クローズボタンとサムネイル画像分小さくする } //商品画像ダイアログ 画像スライド function setItemImgDlgSwiper(dlgName, index, mainimgCnt){ //メイン画像のサイズ const containerWidth = $('#' + dlgName).innerWidth(); const containerHeight = $('#' + dlgName).innerHeight(); //サムネイル画像のサイズ const thumbWidth = $('#' + dlgName +' .swiper_thumbnail_dlg .item_image_thumbnail_frame').innerWidth(); const thumbHeight = $('#' + dlgName +' .swiper_thumbnail_dlg .swiper-wrapper').innerHeight(); //サムネイル画像の表示枚数 let thumbSpaceBetween = 10;//余白設定 let thumbSlidesPerView = containerWidth / (thumbWidth + thumbSpaceBetween); if(thumbSlidesPerView > mainimgCnt){//スクロールバーなし thumbSlidesPerView = mainimgCnt; $('#' + dlgName +' .swiper_thumbnail_dlg').css('max-width', ((thumbWidth + thumbSpaceBetween) * mainimgCnt + 20) + 'px');//スクロールバーが表示されないように余分に空ける $('#' + dlgName +' .swiper_thumbnail_dlg').css('margin', '0 auto'); }else{//スクロールバーあり thumbSpaceBetween = 0; thumbSlidesPerView *= 0.9;//余白設定 } // サムネイル画像 スライド var swiperThumbDlg = new Swiper('#' + dlgName + ' .swiper_thumbnail_dlg', { loop : false, autoplay: false, spaceBetween: thumbSpaceBetween, slidesPerView: thumbSlidesPerView, scrollbar: {el: ".swiper-scrollbar"}, allowTouchMove: true }); // メイン画像 スライド var swiperMainimgDlg = new Swiper('#' + dlgName + ' .swiper_mainimg_dlg', { loop : false, autoplay: false, freeMode: false, spaceBetween: 10, slidesPerView: 1, initialSlide: index, watchSlidesVisibility: false, watchSlidesProgress: true, allowTouchMove: true, navigation: {nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev'}, thumbs: {swiper: swiperThumbDlg} }); itemImgSwiperList[dlgName + "thumb"] = swiperThumbDlg; itemImgSwiperList[dlgName + "main"] = swiperMainimgDlg; }