'javascript, jquery'에 해당되는 글 66건

웹페이지 우클릭, 블럭선택, 드래그 방지

javascript, jquery 2015. 3. 26. 11:56 
* <body> 태그에 추가

- oncontextmenu='return false' : 우클릭방지
- onselectstart='return false' : 블선택방지
- ondragstart='return false' : 드래그방지

'javascript, jquery' 카테고리의 다른 글

jquery validate 메시지를 alert으로 변환하기  (0) 2015.04.06
이노릭스 어로드 파일 순서 설정  (0) 2015.03.30
Github - slider kit  (0) 2015.03.24
딜레이(delay) 함수  (0) 2015.02.13
부모창[opener] 새로고침  (0) 2015.02.04
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

Github - slider kit

javascript, jquery 2015. 3. 24. 14:06

 

jquery.sliderkit.1.9.2.zip
다운로드

 

<!-- jQuery library -->
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>

<!-- jQuery Plugin scripts -->
<script type="text/javascript" src="/sliderkit/lib/js/external/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="/sliderkit/lib/js/external/jquery.mousewheel.min.js"></script>

<!-- Slider Kit scripts -->
<script type="text/javascript" src="/sliderkit/lib/js/sliderkit/jquery.sliderkit.1.9.2.pack.js"></script>  
<script type="text/javascript" src="/sliderkit/lib/js/sliderkit/addons/sliderkit.delaycaptions.1.1.pack.js"></script>
<script type="text/javascript" src="/sliderkit/lib/js/sliderkit/addons/sliderkit.counter.1.0.pack.js"></script>
<script type="text/javascript" src="/sliderkit/lib/js/sliderkit/addons/sliderkit.timer.1.0.pack.js"></script>
<script type="text/javascript" src="/sliderkit/lib/js/sliderkit/addons/sliderkit.imagefx.1.0.pack.js"></script>

<!-- Slider Kit styles -->
<link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-core.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-demos.css" media="screen, projection" />

<!-- Slider Kit compatibility -->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-demos-ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-demos-ie7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-demos-ie8.css" /><![endif]-->

<!-- Site styles -->
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'> -->
<link rel="stylesheet" type="text/css" href="/sliderkit/lib/css/sliderkit-site.css" media="screen, projection" />

<script type="text/javascript">
$(window).load(function() {
	$("#standardPhotosgallery").sliderkit({
		mousewheel:true,
		shownavitems:4,
		// navfx:"none",
		panelbtnshover:true,
		auto:false,
		circular:true,
		navscrollatend:true,
		counter:true
	});
});
</script>

<!-- Start photosgallery-std -->
<div id="standardPhotosgallery" class="sliderkit photosgallery-std">
	<div class="sliderkit-nav">
		<div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a rel="nofollow" href="#" title="Previous line"><span>Previous line</span></a></div>
		<div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a rel="nofollow" href="#" title="Next line"><span>Next line</span></a></div>
		<div class="sliderkit-nav-clip">
			<ul>
				<li><a href="#" rel="nofollow" title="[link title]"><img src="../lib/images/photos/mini/sample-01.jpg" alt="[Alternative text]" /></a></li>
				<li><a href="#" rel="nofollow" title="[link title]"><img src="../lib/images/photos/mini/sample-02.jpg" alt="[Alternative text]" /></a></li>
				<li><a href="#" rel="nofollow" title="[link title]"><img src="../lib/images/photos/mini/sample-03.jpg" alt="[Alternative text]" /></a></li>
				<li><a href="#" rel="nofollow" title="[link title]"><img src="../lib/images/photos/mini/sample-04.jpg" alt="[Alternative text]" /></a></li>
			</ul>
		</div>
	</div>
  
	<div class="sliderkit-panels">
		<div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous"><span>Previous</span></a></div>
		<div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next"><span>Next</span></a></div>

		<div class="sliderkit-count sliderkit-count-items">
			<span class="sliderkit-count-current"></span><span class="sliderkit-count-sep">/</span><span class="sliderkit-count-total"></span>
		</div>

		<div class="sliderkit-panel">
			<img src="../lib/images/photos/sample-01.jpg" alt="[Alternative text]" />
		</div>
		<div class="sliderkit-panel">
			<img src="../lib/images/photos/sample-02.jpg" alt="[Alternative text]" />
		</div>
		<div class="sliderkit-panel">
			<img src="../lib/images/photos/sample-03.jpg" alt="[Alternative text]" />
		</div>
		<div class="sliderkit-panel">
			<img src="../lib/images/photos/sample-04.jpg" alt="[Alternative text]" />
		</div>
	</div>
</div>
<!-- // end of photosgallery-std -->
출처 : http://www.kyrielles.net/sliderkit/sliderkit_en.html

'javascript, jquery' 카테고리의 다른 글

이노릭스 어로드 파일 순서 설정  (0) 2015.03.30
웹페이지 우클릭, 블럭선택, 드래그 방지  (0) 2015.03.26
딜레이(delay) 함수  (0) 2015.02.13
부모창[opener] 새로고침  (0) 2015.02.04
문자열 마지막 문자 제거  (0) 2015.01.11
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

딜레이(delay) 함수

javascript, jquery 2015. 2. 13. 13:25 
function delay(gap) { /* gap is in millisecs */ 
	var then,now; 
	then = new Date().getTime(); 
	now = then; 
	while((now - then) < gap) {
		now = new Date().getTime(); // 현재시간을 읽어 함수를 불러들인 시간과의 차를 이용하여 처리 
	}
}

'javascript, jquery' 카테고리의 다른 글

웹페이지 우클릭, 블럭선택, 드래그 방지  (0) 2015.03.26
Github - slider kit  (0) 2015.03.24
부모창[opener] 새로고침  (0) 2015.02.04
문자열 마지막 문자 제거  (0) 2015.01.11
print_r 함수  (0) 2015.01.11
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

부모창[opener] 새로고침

javascript, jquery 2015. 2. 4. 18:27 
window.opener.parent.location.reload();
window.opener.document.location.reload();

'javascript, jquery' 카테고리의 다른 글

Github - slider kit  (0) 2015.03.24
딜레이(delay) 함수  (0) 2015.02.13
문자열 마지막 문자 제거  (0) 2015.01.11
print_r 함수  (0) 2015.01.11
위지윅 에디터 : tinymce  (0) 2014.12.03
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

문자열 마지막 문자 제거

javascript, jquery 2015. 1. 11. 03:37 
var str = "abcdefg";
str.slice(0, -1);

'javascript, jquery' 카테고리의 다른 글

딜레이(delay) 함수  (0) 2015.02.13
부모창[opener] 새로고침  (0) 2015.02.04
print_r 함수  (0) 2015.01.11
위지윅 에디터 : tinymce  (0) 2014.12.03
클래스(.class)명 검사해서 처리하기  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

print_r 함수

javascript, jquery 2015. 1. 11. 03:29 
 function print_r(array) {
	for(var i in array) {
		$("#list").append(array[i] + "<br />");
	}
 }

'javascript, jquery' 카테고리의 다른 글

부모창[opener] 새로고침  (0) 2015.02.04
문자열 마지막 문자 제거  (0) 2015.01.11
위지윅 에디터 : tinymce  (0) 2014.12.03
클래스(.class)명 검사해서 처리하기  (0) 2014.10.18
jquery CDN  (0) 2014.10.14
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

공지사항

태그목록

글 보관함

달력

«   2025/02   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28

티스토리툴바