묻고답하기

  2. Support
  3. 묻고답하기

슬라이드 jquery 샘플 이용방법 좀 봐 주세요

2016.03.09 11:04

김동하123

 
아래는 샘플인데 스크립트가 그대로 보여지는데
이거 안나타나게 하면 그대로 이용할 수가 있을 것 같은대
안보이게 하는 방법을 모르겠습니다.
 
 
 
 
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
 
    <title>Basic jQuery Slider - Demo</title>
     
    <!-- bjqs.css contains the *essential* css needed for the slider to work -->
    <link rel="stylesheet" href="bjqs.css">
 
    <!-- some pretty fonts for this demo page - not required for the slider -->
    <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300' rel='stylesheet' type='text/css'>
 
    <!-- demo.css contains additional styles used to set up this demo page - not required for the slider -->
    <link rel="stylesheet" href="demo.css">
 
    <!-- load jQuery and the plugin -->
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="js/bjqs-1.3.min.js"></script>
     
  </head>
 
  <body>
 
    <div id="container">
 
      <h2>Fade Example</h2>
 
      <!--  Outer wrapper for presentation only, this can be anything you like -->
      <div id="banner-fade">
 
        <!-- start Basic Jquery Slider -->
        <ul class="bjqs">
          <li><img src="img/banner01.jpg" title="Automatically generated caption"></li>
          <li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
          <li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
        </ul>
        <!-- end Basic jQuery Slider -->
 
      </div>
      <!-- End outer wrapper -->
 
      <script class="secret-source">
        jQuery(document).ready(function($) {
 
          $('#banner-fade').bjqs({
            height      : 320,
            width       : 620,
            responsive  : true
          });
 
        });
      </script>
 
      <h2>Slide Example</h2>
 
      <!--  Outer wrapper for presentation only, this can be anything you like -->
      <div id="banner-slide">
 
        <!-- start Basic Jquery Slider -->
        <ul class="bjqs">
          <li><a href=""><img src="img/banner01.jpg" title="Automatically generated caption"></a></li>
          <li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
          <li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
        </ul>
        <!-- end Basic jQuery Slider -->
 
      </div>
      <!-- End outer wrapper -->
     
      <!-- attach the plug-in to the slider parent element and adjust the settings as required -->
     
    </div>
 
    <!--
      The following script is not related to basic jQuery Slider
      It's used to create the code snippets in the demo.
      https://github.com/maelstrom/SecretSource
    -->
    <script src="js/libs/jquery.secret-source.min.js"></script>
 
    <script>
    jQuery(function($) {
 
        $('.secret-source').secretSource({
            includeTag: false
        });
 
    });
    </script>
 
  </body>
</html>
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
Horowitz 임시 비밀번호 부탁드립니다 ㅜ [1] 2016.03.10 by sejin7940
굳세라 댓글 닉네임 출력 관련해서 질문드립니다.  
김정자 index 페이지 위치 알려주세요 [2] 2016.03.10 by 김정자
슈니슈니 코어가 저절로 업데이트 되는 경우도 있나요? [2] 2016.03.09 by 슈니슈니
눈물(_Tears) 게시판 글 등록후 본문으로 넘어가지 않는 현상 [3] file 2016.03.09 by 마푸리
초록지기722be 닷홈에 XE 설치오류 [1] 2016.03.09 by 로이조52
shi**** 댓글등록이 안되네요~ 부탁드릴께요 [1] file 2016.03.09 by Julian-Choi
짱구삼촌 모바일화면에서 모바일 모듈말고 PC모듈로만 나오게 하려면 어떻게 셋팅하나요? [4] 2016.03.09 by TTM
락앤롤 영문 쇼핑몰 문의 드립니다.  
MASS 쉬운설치 접속이 안됩니다. [5] 2016.03.09 by lhwn****
이스자라 갑자기 게시글 쓰기가 안되요 [1] file 2016.03.09 by 비누남어
말랑말랑 one color 레이아웃 갑자기 메뉴가 사라졌어요 ㅠ,ㅠ [1] 2016.03.09 by Jay
슈니슈니 카테고리에 해당하는 공지만 띄우는법 [2] 2016.03.09 by 슈니슈니
박현우 리스트에서 제목 넓이가 너무 좁습니다 [2] file 2016.03.09 by 박현우
박현우 아이콘샵 설치했는데 어떻게 불러오는지 모르겠습니다 [2] 2016.03.09 by 박현우
nangman xedition 게시판 본문에서 상용구가 뜨게 가능한가요? [6] 2016.03.09 by EISOFT
아라라라 아이디 여러개 [1] 2016.03.08 by sejin7940
쇼코쿠 최근게시물 출력위젯 관련 [2] 2016.03.08 by 쇼코쿠
북극곰님 로그인이 되지 않는 문제 입니다.  
Rooney 본문 크기 조절 file  
태그 쓰기