플러그인 slidesjs (예전명칭 : 루프 슬라이드) > 온라인강의

본문 바로가기
 
 
 
오늘 1,412
어제 2,196
최대 2,454
전체 3,203,100
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

온라인강좌 홈 > 온라인강좌 > 온라인강좌

PHP | 플러그인 slidesjs (예전명칭 : 루프 슬라이드) (update. 2015-12-15)

페이지 정보

작성일2014-10-09 09:55 조회4,231회 댓글0건

본문

첨부 hp_slidersjs.zip (26.7K) 38회 다운로드 DATE : 2014-10-09 09:55:23
jQuery : http://www.happyjung.com/bbs/board.php?bo_table=lecture&wr_id=1344


디비없이 사용하는 slidersjs

hp_slidersjs
  ├ data     :  움직일 이미지 폴더
  ├ img   : 화살표 등의 기본이미지
  ├ latest.skin.php    : 이미지 폭과 넓이를 설정 .  hp_slidersjs 폴더위치 설정
  └ sliders.min.jquery.js


노출을 원하는 곳에서 hp_slidersjs 위치를 include 하면 끝...
<?php include "../hp_slidersjs/latest.skin.php"; ?>

-------------------------------------------------------------------------------------------------
latest.skin.php  내용
-------------------------------------------------------------------------------------------------
<?php
$img_width = 967;
$img_height = 250;
$img_quality = 100;

$latest_skin_path = "/8629/hp_slidersjs";
$data_path = $latest_skin_path."/data";

$arrayData["arrayName"] = array("01.png","02.png","03.png");
$list = $arrayData["arrayName"];

$img_option = " style='border:0px #ccc solid' alt='' border='0' width='". $img_width ."' height='". $img_height ."'";
?>

<style>
#slidesjs_container { width:<?php echo $img_width; ?>px; padding:0px; margin:0 auto; position:relative; z-index:0; }
#example { width:<?php echo $img_width; ?>px; height:<?php echo $img_height + 2; ?>px; position:relative; }
#slides { position:absolute; top:0px; left:0px; z-index:100; }

.slides_container { width:<?php echo $img_width; ?>px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:<?php echo $img_width; ?>px; height:<?php echo $img_height + 2; ?>px; display:block; }
.slides_container a img { display:block; }

/*    Next/prev buttons */
#slides .next,#slides .prev { position:absolute; top:107px; left:-25px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:<?php echo $img_width; ?>px; }

/*    Pagination*/
.pagination { margin:1px auto 0; width:<?php echo $img_width; ?>px; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(<?php echo $latest_skin_path; ?>/img/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="<?php echo $latest_skin_path; ?>/slides.min.jquery.js"></script>
<script>
  $(function(){
    $('#slides').slides({
      preload: true,
      preloadImage: '<?php echo $latest_skin_path; ?>/img/loading.gif',
      play: 5000,
      pause: 2500,
      hoverPause: true
    });
  });
</script>

<div id="slidesjs_container">
  <div id="example">
    <div id="slides">
      <div class="slides_container">
        <a href="goods.php"><img src='<?php echo $data_path; ?>/01.png'<?php echo $img_option; ?>></a>
        <a href="goods.php"><img src='<?php echo $data_path; ?>/02.png'<?php echo $img_option; ?>></a>
        <a href="goods.php"><img src='<?php echo $data_path; ?>/03.png'<?php echo $img_option; ?>></a>
        <a href="goods.php"><img src='<?php echo $data_path; ?>/04.png'<?php echo $img_option; ?>></a>
        <a href="goods.php"><img src='<?php echo $data_path; ?>/05.png'<?php echo $img_option; ?>></a>
              
        <?php /*
        <img src='$thumb' width='{$img_width}' height='{$img_height}' style='border:0px #ccc solid' alt='' />
        
        <?php
          for ($i=0; $i<count($list); $i++) {
            //썸네일 생성
            $thumfile = "";
            $thumb = $data_path.'/'.$list[$i];

            $thumfile = "<img src='$thumb' width='{$img_width}' height='{$img_height}' style='border:0px #ccc solid' alt='' />";
 
            if ($list[$i][wr_link1]) {
              if ($list[$i][wr_link2] == "none") {
                echo "{$thumfile}";
              } elseif ($list[$i][wr_link2] == "_blank") {
                echo "<a href='{$list[$i][wr_link1]}' target='_blank'>{$thumfile}</a>";
              } elseif ($list[$i][wr_link2] == "_self") {
                echo "<a href='{$list[$i][wr_link1]}'>{$thumfile}</a>";
              } else {
                if ($list[$i][wr_link1]) {
                  echo "<a href='{$list[$i][wr_link1]}' target='_blank'>{$thumfile}</a>";
                } else {
                  echo "<a href='{$list[$i][href]}'>{$thumfile}</a>";
                }
              }
            } else {
              echo "{$thumfile}";
            }
          }

          if (count($list) == 0) {
            echo "<center><font color=#6A6A6A>새소식이 없습니다.</font></center>";
          }
        ?>
        */ ?>
      </div>
      <a href="#" class="prev"><img src="<?php echo $latest_skin_path; ?>/img/arrow-prev.png" alt="Arrow Prev" border="0"></a>
      <a href="#" class="next"><img src="<?php echo $latest_skin_path; ?>/img/arrow-next.png" alt="Arrow Next" border="0"></a>
    </div>
  </div>
</div>

 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


목록

Total 135건 1 페이지
온라인강의 목록
번호 제목
135
134
133
PHP icode SMS 문자 자동발송 (update.2016-10-09)인기글  Hit.2075
132
PHP 상대경로와 절대경로 확인하기 (write.2016-02-16)인기글  Hit.2001
131
130
129
128
127
126
125
124
123
122
열람중
120
119
118
117
PHP $DOCUMENT_ROOT 사용하기 (write.2014-04-18)인기글  Hit.3379
116
PHP MySQL 자료 백업 (write.2014-01-26)인기글  Hit.3588
115
PHP rmdir() 비어있지 않은 폴더삭제 (write.2013-08-22)인기글  Hit.5242
114
113
112
PHP 글자수 세기 (write.2013-06-19)인기글  Hit.5953
111
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2017 해피정닷컴. All rights reserved. 부가통신사업신고:서울체신청-1217 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기