본 모듈은 위의 이미지 위치한(변경된) 배너 모듈이지만
계속 추가하여 어떤 부분이나 위치에 사이즈를
변경하며 사용할수 있는 영구적인 모듈입니다.
-------------------------------------------------------------
수정할 소스 모듈은 다음과 같습니다.
아래소스를 복사하여 위의 이미지처럼 변경전소스를
삭제하고 그자리에 아래소스를 붙여 넣으세요.
<!-- 모듈/배너 수정시 -->
<div class="slider5">
<!-- 링크 새창으로 뛰우지 않고 현창에서 뛰울때는( target="_blank" )삭제-->
<div class="slide"><a href="http://ecudemo17554.cafe24.com/product/list.html?cate_no=44" target="_blank"><img src="http://ecudemo17554.cafe24.com/web/upload/0516/nn1.gif" width="301" height="253" border="0" alt=""></a></div>
<div class="slide"><a href="http://ecudemo17554.cafe24.com/product/list.html?cate_no=44" target="_blank"><img src="http://ecudemo17554.cafe24.com/web/upload/0516/nn2.gif" width="301" height="253" border="0" alt=""></a></div>
<div class="slide"><a href="http://ecudemo17554.cafe24.com/product/list.html?cate_no=44" target="_blank"><img src="http://ecudemo17554.cafe24.com/web/upload/0516/nn3.gif" width="301" height="253" border="0" alt=""></a></div>
</div>
<!-- 모듈/배너 모듈 끝 -->
------다른 위치에 모듈을 또 추가 하고 싶을때는 아래 소스 참조------------------------------------------------------------------------------------------
위의 모듈을 계속 추가하여 사용할경우
아래 스크립트도 하단에 계속 반복적으로 추가합니다.
<div class="slider6"> div아이디와 스크립트 아이디를 동일하게 하고 이름은 변경하면서 추가하면 네임이 중복되지 않아
해당 모듈을 기존 모듈과 다르게 설정이 가능합니다.
스크립트 모듈에 이미지 사이즈나 슬라이더 효과, 버튼 유무 등을 설정할수 있습니다.
<script>
$('.slider6').bxSlider({ // 모듈추가시((제목입력) 원형태두리 배너 부분)*/
mode: 'fade', // 요거 지우면 슬라이로
auto: true, // 자동으로 롤링
slideWidth: 301, // 상품,배너이미지 가로 사이즈
minSlides: 1,
maxSlides: 1, // 숫자에 따라 100%됨(현재 한개 상품이 보이고 슬라이더됨) 상품을 가로로 4개를 진열하고 싶을때는 숫자를 4로 설정 상품 숫자만큼 가로사이즈가 자동으로 커지므로 레이아웃에 맞게 상품 진열도도 변경이 가능합니다.
// pagerCustom: '#bx-pager',
moveSlides: 1,
nextSelector: '#slider-next', // 우버튼 숨기기(삭제시)
prevSelector: '#slider-prev', // 좌버튼 숨기기(삭제시)
slideMargin: 0 // 가로진열 2개이상일때 상품사이마진
});
</script>