묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
슬라이드 jquery 샘플 이용방법 좀 봐 주세요
2016.03.09 11:04
아래는 샘플인데 스크립트가 그대로 보여지는데
이거 안나타나게 하면 그대로 이용할 수가 있을 것 같은대
안보이게 하는 방법을 모르겠습니다.
<!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">
<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'>
<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">
<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>
<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">
<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 -->
<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 -->
<!-- End outer wrapper -->
<script class="secret-source">
jQuery(document).ready(function($) {
jQuery(document).ready(function($) {
$('#banner-fade').bjqs({
height : 320,
width : 620,
responsive : true
});
height : 320,
width : 620,
responsive : true
});
});
</script>
</script>
<h2>Slide Example</h2>
<!-- Outer wrapper for presentation only, this can be anything you like -->
<div id="banner-slide">
<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 -->
<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>
<!-- 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>
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($) {
jQuery(function($) {
$('.secret-source').secretSource({
includeTag: false
});
includeTag: false
});
});
</script>
</script>
</body>
</html>
</html>
댓글 2
-
Julian-Choi
2016.03.09 17:53
-
김동하123
2016.03.11 15:22
<script class="secret-source">
jQuery(document).ready(function($) {$('#banner-fade').bjqs({
height : 320,
width : 620,
responsive : true
});});
샘플사이트에서 받은 것을 적용려고 보니설명하기 위해서 보여주는 위의 스크립트가 그대로 실행시 브리우저에서 보여지고 있는데이를 삭제하면 슬라이드가 안됩니다.위 스크립트 안나타나게 하려면 어떻게 하나요?
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
피노키오72 | 메일링 질문입니다. [1] | 2016.03.13 by Novelic |
도다 | DNS 질문 하나 하겠습니당 [1] | 2016.03.13 by YJSoft |
jazzland | 리다이렉트 코드 [2] | 2016.03.13 by jazzland |
풀카운트 | 모바일 접속시 문제가 생겼습니다. [1] | 2016.03.13 by 불금 |
mydust**** | xe 모바일 게시판 기본스킨 댓글 자동펼침 [2] | 2016.03.12 by mydust**** |
아이큐우 | 게시글 열람시 로그인하라는 창 뛰우는방법 없나요?? [1] | 2016.03.11 by 불금 |
김동하123 | 슬라이드 jquery 샘플 이용방법 좀 봐 주세요 [2] | 2016.03.11 by 김동하123 |
뉴질맨 | Core Up 1.8.15 - 1.8.18 [2] | 2016.03.11 by 뉴질맨 |
jsblue**** | [아주 심각한 문제입니다] 꼭 도와주세요 [6] | 2016.03.10 by jsblue**** |
sunshine | 초보에요! 팝업창 넣는 방법좀 알려주세요ㅜㅜ [2] | 2016.03.10 by sunshine |
독도이상훈 |
E-mail 주소를 정정 하려고 합니다
![]() | |
Jun | 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요? | |
마이설악 | 관리자 로그인 문제 | |
올리비 | 누리고 결제모듈을 쇼핑몰이 아닌 사이트의 온라인 결제모듈로 이용할 수 있나요? | |
기사 | xe실행시 에러 좀 답변 부탁드립니다. [1] | 2016.03.10 by YJSoft |
복복 | 모바일에서 피씨버전으로는 댓글로 html모드가 안됩니다 | |
복복 | 게시글 작성 편집창이 피씨와 모바일이 다릅니다 | |
마루타현 | XEDITION 레이아웃 질문드립니다.....(초보..) | |
서사모 | 게시판 설정을 다른 홈페이지로 복사 할수있는 방법? | |
마부 |
빨간표시된 부분은 게시판을 각각 어떤 위젯으로 불러온건가요?
[1]
![]() | 2016.03.10 by 마부 |
스크립트가 그대로 보여진다고 하시는데 소스보기 또는 웹브라우저의 개발자툴에서 보여지는 소스를 말씀하시는건가요.
우선 기본적인 사항부터 말씀드리면 스크립트나 css 등은 원천적으로 막는 것이 어렵 or 불가합니다.
후킹이라는 개념을 이용하면 왠만한 소스는 다 뚫리기 마련입니다.
단, include 시키는 script나 css파일들을 압축형태로 이용을 하게되면 여러가지 이점을 볼수 있고 또한 보여진다하더라도
분석하기 어려움이 있지요.
답변이 되었을지 모르겠네요.