PC환경 쇼핑몰 메인 페이지 이미지 슬라이더2

기존의 FlexSlider는 커뮤니티 페이지( http://bikedb.co.kr/ver2 )로 이동시켰습니다.
http://sir.co.kr/bbs/board.php?bo_table=yc5_tip&wr_id=25&page=1


Flux-Slider을 이용한 이미지 슬라이더 입니다. 크롬이나 파이어폭스로 확인해 보세요.
IE8 이하 버전은 지원하지 않습니다.


관리자 배너관리 부분과 lib 파일 수정은 아래 글을 참조하시면 됩니다.
http://sir.co.kr/bbs/board.php?bo_table=yc5_tip&wr_id=25&page=1



Flux-Slider-master 폴더를 Plugin 폴더 밑에 만든후 링크된 주소에 파일을 다운받아 업로드해 주세요.



css/default_shop.css 파일에 아래 부분을 추가합니다.

div#slider {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding:0 0 10px; !important;overflow:hidden}
div#slider ul.pagination{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding:10px 0 !important;overflow:hidden}
div#slider ul.pagination li{text-indent:10000px;height:8px;width:8px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.6);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1)}
div#slider ul.pagination li.current{background:rgba(255, 0, 0, 0.8)}


shop/index.php 파일에 아래 부분을 추가합니다.

<!-- 메인이미지 시작 { -->
<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Use Zepto for best performance on WebKit based browser -->
<!--<script src="js/zepto/zepto.js" type="text/javascript" charset="utf-8"></script>-->
<!-- Use jQuery for best compatibility with other CSS3 enabled browsers -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo G5_URL; ?>/plugin/Flux-Slider-master/js/flux.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
//if(!flux.browser.supportsTransitions)
//alert("Flux Slider requires a browser that supports CSS3 transitions");

window.f = new flux.slider('#slider', {
pagination: true
});
});
</script>

<div id="slider">
<?php echo display_banner_maintop('메인상단', '2'); ?>
</div>
<!-- } 메인이미지 끝 -->


첨부된 파일(boxbanner.maintop2.skin.php)을 skin/shop/basic 폴더안에 넣어주세요.


* 그누보드5 에도 적용 가능합니다.