[ST24PRJ-330] [PTJ잔여] 상품리스트> 마우스오버시 다음컷 나오지않음(기획전 외)

src/main/java/com/style24/persistence/domain/Social.java

@@ -59,6 +59,7 @@ public class Social extends TscBaseDomain{
 		private int listPrice;		//정상가
 		private String goodsNm;		// 상품이름
 		private String sysImgNm;	//시스템이미지
+		private String sysImgNm2;	//시스템이미지
 		private String goodsTnm;	//상품타이틀
 		private int stockQtySum;	//상품 재고
 		private int minOrdQty;		//최소주문수량

src/main/webapp/WEB-INF/views/web/display/BrandMainFormWeb.html

@@ -115,7 +115,13 @@
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 															</th:block>
-															<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+															
+															<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+															</th:block>
+															<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+															</th:block>
 														</div>
 														<p class="itemBrand" th:text="${goodsData.brandGroupNm}"></p>
 														<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#가을느낌 물씬!</div>
@@ -198,7 +204,13 @@
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 															</th:block>
-															<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+															
+															<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+															</th:block>
+															<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+															</th:block>
 														</div>
 														<p class="itemBrand" th:text="${goodsData.brandGroupNm}"></p>
 														<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#가을느낌 물씬!!</div>
@@ -281,7 +293,13 @@
 															<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 															<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 														</th:block>
-														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+														
+														<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+															<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+														</th:block>
+														<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+															<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+														</th:block>
 													</div>
 													<p class="itemBrand" th:text="${goodsData.brandGroupNm}">BRAND NAME</p>
 													<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#베이직 셔츠의 정수1</div>
@@ -390,7 +408,13 @@
 														<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 														<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 													</th:block>
-													<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+													
+													<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+													</th:block>
+													<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+													</th:block>
 												</div>
 												<p class="itemBrand" th:text="${goodsData.brandGroupNm}"></p>
 												<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#가을느낌 물씬!</div>
@@ -1159,6 +1183,41 @@ $(document).ready( function() {
 		let tag = fnRemoveHTML(brText);
 		$(".brand_title").append(tag);
 	}
+	
+	var nowFocus = $('.brand_main .itemPic');
+	var nowMov = $('.itemPic').children('.pd_mov');
+	var nowImg = $('.itemPic').children('.pd_img');
+	var ogrSrc;
+	var overSrc;
+	var srcName = nowImg.attr('src');
+	overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
+
+	var srcImg;
+	var srcdat;
+
+	$(nowFocus).on('mouseenter', function() {
+		$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
+		$(this).children('.pd_mov').css("opacity","0");
+		// return false;
+	});
+	$(nowFocus).on('mouseleave', function() {
+		$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
+		$(this).children('.pd_mov').css("opacity","1");
+		// return false;
+	});
+	$(nowFocus).on('mouseenter', function() {
+		$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
+		srcImg = $(this).children('.pd_img').attr('src');
+		srcdat = $(this).children('.pd_img').attr('data-img');
+		$(this).children('.pd_img').attr('src',srcdat);
+		// return false;
+	});
+
+	$(nowFocus).on('mouseleave', function() {
+		$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
+		$(this).children('.pd_img').attr('src', srcImg);
+		// return false;
+	});
 
 }); // end ready
 /*]]>*/

src/main/webapp/WEB-INF/views/web/display/CategoryMainFormWeb.html

@@ -102,7 +102,13 @@
 														<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 														<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 													</th:block>
-													<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+													
+													<th:block th:if="${item.sysImgNm2 != null and item.sysImgNm2 != ''}">
+														<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm2}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+													</th:block>
+													<th:block th:if="${item.sysImgNm2 == null or item.sysImgNm2 == ''}">
+														<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+													</th:block>
 												</div>
 												<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 												<div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#가을느낌 물씬!</div>
@@ -149,7 +155,13 @@
 													<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 													<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 												</th:block>
-												<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+												
+												<th:block th:if="${item.sysImgNm2 != null and item.sysImgNm2 != ''}">
+													<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm2.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+												</th:block>
+												<th:block th:if="${item.sysImgNm2 == null or item.sysImgNm2 == ''}">
+													<img class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}" onerror="noneImg(this)"/>
+												</th:block>
 											</div>
 											<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 											<div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#주문 폭주 상품</div>
@@ -257,6 +269,42 @@
 
 			$(".dp .new_item .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
 		});
+		
+		
+		var nowFocus = $('.dp .itemPic');
+		var nowMov = $('.itemPic').children('.pd_mov');
+		var nowImg = $('.itemPic').children('.pd_img');
+		var ogrSrc;
+		var overSrc;
+		var srcName = nowImg.attr('src');
+		overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
+
+		var srcImg;
+		var srcdat;
+
+		$(nowFocus).on('mouseenter', function() {
+			$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
+			$(this).children('.pd_mov').css("opacity","0");
+			// return false;
+		});
+		$(nowFocus).on('mouseleave', function() {
+			$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
+			$(this).children('.pd_mov').css("opacity","1");
+			// return false;
+		});
+		$(nowFocus).on('mouseenter', function() {
+			$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
+			srcImg = $(this).children('.pd_img').attr('src');
+			srcdat = $(this).children('.pd_img').attr('data-img');
+			$(this).children('.pd_img').attr('src',srcdat);
+			// return false;
+		});
+
+		$(nowFocus).on('mouseleave', function() {
+			$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
+			$(this).children('.pd_img').attr('src', srcImg);
+			// return false;
+		});
 	});
 
 	// 카테고리1Depts 설정

src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb.html

@@ -123,7 +123,13 @@
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 															</th:block>
-															<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+															
+															<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+															</th:block>
+															<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+															</th:block>
 														</div>
 														<p class="itemBrand" th:text="${goodsData.brandGroupNm}">BRAND NAME</p>
 														<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#가을느낌 물씬!</div>
@@ -182,10 +188,21 @@
 																</th:block>
 																<!-- 2021.08.30 검색엔진데이타 https: 붙여서 넘어옴 처리 -->
 																<th:block th:if="${#strings.indexOf(bestItemData.sysImgNm, 'https:')} == -1">
-																	<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	<th:block th:if="${bestItemData.sysImgNm2 != null and bestItemData.sysImgNm2 != ''}">
+																		<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm2.replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	</th:block>
+																	<th:block th:if="${bestItemData.sysImgNm2 == null or bestItemData.sysImgNm2 == ''}">
+																		<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('//image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	</th:block>
 																</th:block>
+																
 																<th:block th:if="${#strings.indexOf(bestItemData.sysImgNm, 'https:')} == 0">
-																	<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('https://image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	<th:block th:if="${bestItemData.sysImgNm2 != null and bestItemData.sysImgNm2 != ''}">
+																		<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('https://image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm2.replace('https://image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	</th:block>
+																	<th:block th:if="${bestItemData.sysImgNm2 == null or bestItemData.sysImgNm2 == ''}">
+																		<img alt="BLACK-a" class="vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm.replace('https://image.istyle24.com/Upload/ProductImage/','')}" onerror="noneImg(this)">
+																	</th:block>
 																</th:block>
 																<!-- //2021.08.30 검색엔진데이타 https: 붙여서 넘어옴 처리 -->
 															</div>
@@ -288,7 +305,12 @@
 														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsNm}, ithrCd='', contentsLoc='SMM006', planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM006');">
 															<div class="itemPic">
-																<img alt="" class="pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																	<img alt="" class="pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+																</th:block>
+																<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																	<img alt="" class="pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																</th:block>
 															</div>
 															<p class="itemBrand" th:text="${goodsData.brandGroupNm}">BRAND NAME</p>
 															<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#데일리웨어로 매일입고싶은</div>
@@ -371,7 +393,13 @@
 																		<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																		<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 																	</th:block>
-																	<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																	
+																	<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																		<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+																	</th:block>
+																	<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																		<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																	</th:block>
 																</div>
 																<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#데일리웨어로 매일입고싶은</div>
 																<div class="itemName" th:text="${goodsData.goodsFullNm}">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
@@ -463,7 +491,13 @@
 																				<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																				<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 																			</th:block>
-																			<img alt="" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																			
+																			<th:block th:if="${goodsData.sysImgNm2 != null and goodsData.sysImgNm2 != ''}">
+																				<img alt="" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm2}" onerror="noneImg(this)">
+																			</th:block>
+																			<th:block th:if="${goodsData.sysImgNm2 == null or goodsData.sysImgNm2 == ''}">
+																				<img alt="" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
+																			</th:block>
 																		</div>
 																		<p class="itemBrand" th:text="${goodsData.brandGroupNm}">BRAND NAME</p>
 																		<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#주문 폭주 상품</div>
@@ -1705,6 +1739,41 @@ $(document).ready(function() {
 		}
 	});
 
+	
+	var nowFocus = $('.main .itemPic');
+	var nowMov = $('.itemPic').children('.pd_mov');
+	var nowImg = $('.itemPic').children('.pd_img');
+	var ogrSrc;
+	var overSrc;
+	var srcName = nowImg.attr('src');
+	overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
+
+	var srcImg;
+	var srcdat;
+
+	$(nowFocus).on('mouseenter', function() {
+		$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
+		$(this).children('.pd_mov').css("opacity","0");
+		// return false;
+	});
+	$(nowFocus).on('mouseleave', function() {
+		$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
+		$(this).children('.pd_mov').css("opacity","1");
+		// return false;
+	});
+	$(nowFocus).on('mouseenter', function() {
+		$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
+		srcImg = $(this).children('.pd_img').attr('src');
+		srcdat = $(this).children('.pd_img').attr('data-img');
+		$(this).children('.pd_img').attr('src',srcdat);
+		// return false;
+	});
+
+	$(nowFocus).on('mouseleave', function() {
+		$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
+		$(this).children('.pd_img').attr('src', srcImg);
+		// return false;
+	});
 });
 /*]]>*/
 </script>

src/main/webapp/WEB-INF/views/web/display/OutletMainFormWeb.html

@@ -102,7 +102,13 @@
 													<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 													<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 												</th:block>
-												<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}"/>
+												
+												<th:block th:if="${item.sysImgNm2 != null and item.sysImgNm2 != ''}">
+													<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm2.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}"/>
+												</th:block>
+												<th:block th:if="${item.sysImgNm2 == null or item.sysImgNm2 == ''}">
+													<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:alt="${item.goodsCd}"/>
+												</th:block>
 											</div>
 											<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 											<div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#주문 폭주 상품</div>
@@ -146,7 +152,13 @@
 												<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 												<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 											</th:block>
-											<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}">
+											
+											<th:block th:if="${item.sysImgNm2 != null and item.sysImgNm2 != ''}">
+												<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}" th:data-img="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm2.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}">
+											</th:block>
+											<th:block th:if="${item.sysImgNm2 == null or item.sysImgNm2 == ''}">
+												<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm.replace('https:', '').replace('//image.istyle24.com/Upload/ProductImage/','')}">
+											</th:block>
 										</div>
 										<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 										<div class="itemComment" th:if="${not #strings.isEmpty(item.goodsTnm)}" th:text="${item.goodsTnm}">#주문 폭주 상품</div>
@@ -269,6 +281,40 @@
 			});
 		}
 
+		var nowFocus = $('.dp .itemPic');
+		var nowMov = $('.itemPic').children('.pd_mov');
+		var nowImg = $('.itemPic').children('.pd_img');
+		var ogrSrc;
+		var overSrc;
+		var srcName = nowImg.attr('src');
+		overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
+
+		var srcImg;
+		var srcdat;
+
+		$(nowFocus).on('mouseenter', function() {
+			$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
+			$(this).children('.pd_mov').css("opacity","0");
+			// return false;
+		});
+		$(nowFocus).on('mouseleave', function() {
+			$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
+			$(this).children('.pd_mov').css("opacity","1");
+			// return false;
+		});
+		$(nowFocus).on('mouseenter', function() {
+			$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
+			srcImg = $(this).children('.pd_img').attr('src');
+			srcdat = $(this).children('.pd_img').attr('data-img');
+			$(this).children('.pd_img').attr('src',srcdat);
+			// return false;
+		});
+
+		$(nowFocus).on('mouseleave', function() {
+			$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
+			$(this).children('.pd_img').attr('src', srcImg);
+			// return false;
+		});
 	});
 
 // 카테고리1Depts 설정