[ETC] HTML 페이지 이동(리다이렉트Redirect)

|

<meta http-equiv="refresh" content="1;url=http://www.example.com/" />

 

 

여기서 숫자 1은 1초 뒤에 갱신된다는 의미.

 

바로 실행은 0을 써주면 된다.

트랙백0 And 댓글0

[ETC] FLV Playback 콤포넌트

|

autoPlay 재생형식을 결정하는 값으로 Boolean값입니다.

true면 FLV를 로드하자마자 재생합니다. false면 정지합니다. 기본값은 true입니다.

autoRewind FLV가 재생을 완료했을 때 자동으로 되감는지 여부 입니다.

Boolean 값으로 true면 재생 헤드가 끝에 도달하거나 중단 버튼을 눌렀을 때 처음으로 되감습니다.

false는 재생을 끝내고 자동으로 되감지 않습니다.

autoSize 자동으로 FLV 파일의 크기대로 설정합니다.

true면 자동으로 크기가 변경되고 false면 변경되지 않습니다. 기본값은 false입니다.

bufferTime 파일 재생을 시작하기 전 메모리에 버퍼링하는 초 단위 시간을 나타내는 숫자입니다.

contenPath FLV 파일이 있는 경로 입니다. 하나의 재생기에서 여러 개의 FLV 파일이 재생되게 할 때 이 속성을 사용합니다.

cuePoints 큐 포인트를 지정하는 문자열 입니다.

isLive FCS(Flash Communication Server)에서 실시간 스트리밍하도록 지정됩니다.

maintainAspectctRatio 이것을 true로 설정하면 FLV Playback 구성요소 내에서

종횡비를 유지하도록 비디오 플레이어의 크기를 조절합니다. 기본값은 true 입니다.

skin 구성 요소에 있는 제작된 스킨을 선택 합니다.

skinAutoHide 이것을 true로 하면 마우스가 재생되는 무비 위에 올라갈때 스킨이 보이고,

마우스가 재생되는 무비밖에 있을 때는 감춰집니다.

totalTime FLV파일의 총 재생시간을 밀리초 시간으로 나타냅니다. 기본 값은 0입니다.

volume 볼륨입니다. 0~100의 숫자입니다.

--------------------------------------------------------------------------------------------------------------------------

액션으로 설정하기

Windown -> Components -> FLVPlayback을 선택 합니다. 이름을 my_FLVPlybk 라고 합시다.

my_FLVPlyback.contentPath = "movie_01.flv";

--------------------------------------------------------------------------------------------------------------------------

한개의 FLV Playback 컴포넌트에서 여러 개 FLV 재생되게 하기

my_FLVPlybk.contentPath = "flv/movie_01.flv";
btn0.onRelease = function() {
my_FLVPlybk.contentPath = "flv/movie_01.flv";
my_FLVPlybk.skin = "MojaveExternalNoVol.swf";
};
btn1.onRelease = function() {
my_FLVPlybk.contentPath = "flv/movie_02.flv";
my_FLVPlybk.skin = "ArcticExternalPlaySeekMute.swf";
};
btn2.onRelease = function() {
my_FLVPlybk.contentPath = "flv/movie_03.flv";
my_FLVPlybk.skin = "ClearOverAll.swf";
};

--------------------------------------------------------------------------------------------------------------------------

FLV Playback 콤포넌트와 FLV Playback Custom UI 컨트롤 이용하기

skin 은 none 으로 설정합니다.

스킨의 구성요소들을 다 분리해서 원하는 위치에 배치헤 놓고 사용할 수 있다는 점입니다.

windown -> components -> FLV Playback Custom UI

버튼을 끌어다 놓고 각각 이름을 정하고 액션에서 연결해줍니다.

my_FLVPlybk.contentPath = "flv/movie01.flv";
my_FLVPlybk.backButton = my_back;
my_FLVPlybk.playButton = my_play;
my_FLVPlybk.pauseButton = my_pause;
my_FLVPlybk.stopButton = my_stop;
my_FLVPlybk.forwardButton = my_forward;


my_FLVPlybk.seekBar = my_seek;
my_FLVPlybk.volumeBar = my_volume;
my_FLVPlybk.bufferingBar= my_buff

 

트랙백0 And 댓글0

[ETC] jQuery 숨기기와 보이기

|

기본효과

show() 문서객체를 크게 하며 보여줌

hide() 문서객체를 작게 하면 사라짐

toggle() show() hide() 번갈아 실행

slideDown() 슬라이드 효과와 함께 보여줌

slideUp() 슬라이드 효과와 함께 사라지게 함

slideToggle() slideDown() slideUp() 번갈아 실행

fadeIn() 선명하게 보여줌

fadeOut() 흐리게 하며 사라지게 함

fadeToggle() fadeIn() fadeOut() 번갈아 실행


사용방법으로는

$(선택자).method();

$(선택자).method(speed);

$(선택자).method(speed,callback);

$(선택자).method(speed,easing,callback);

speed 속도 - slow,normal,fast

callback 효과완료후 실행할 함수

easing 애니메이션 - linear swing

- 소스 -

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script src="http://code.jquery.com/jquery-1.7.js"></script>

<script src="http://code.jquery.com/jquery-1.7.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery-1.7.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery-1.7.min.js"></script>

<script src="jquery-1.7.2.min.js"></script>

 

<script type="text/javascript">

$(document).ready(function(){

$('h1').click(function(){

$(this).next().toggle('slow',function(){

alert('효과');

});

});

});

</script>

 

<script type = "text/javascript">
  $(document).ready(function(){
   //slow를 3초로 지정
   jQuery.fx.speeds.slow = 3000;
   
   //hide()
   $("#hide1").click(function(){
    $("#hidediv1").hide();
   });
   
   //hide 인자 값으로 speed, callback함수 지정
   $("#hide2").click(function(){
    $("#hidediv2").hide("slow",function(){
     alert("경고: speed 값을 주면 천천히 사라집니다.");
    });
   });
   
   //show()
   $("#show1").click(function(){
    $("#showdiv1").show();
   });
   
   //show 인자 값으로 speed, callback함수 지정
   $("#show2").click(function(){
    $("#showdiv2").show("slow",function(){
     alert("경고: speed 값을 주면 천천히 보여집니다.");
    });
   });
   
   //toggle 코드
   $("#toggle1").click(function(){
    $("#togglediv1").toggle();
   });
   
   //toggle 인자 값으로 speed, callback함수 지정
   $("#toggle2").click(function(){
    $("#togglediv2").toggle("slow",function(){
     alert("경고: speed 값을 주면 천천히 보여집니다.");
    });
   });
  });
</script>

 

</head>

<body>

<h1>열고 닫기</h1>

<div>

<h1>제목1</h1>

<p>내용입니다.</p>

</div>

<h1>열고 닫기</h1>

<div>

<h1>제목2</h1>

<p>내용입니다.</p>

</div>

<h1>열고 닫기</h1>

<div>

<h1>제목3</h1>

<p>내용입니다.</p>

</div>

 


<h1> hide()예제 </h1>
<button id = "hide1"> hide() </button>
<div id = "hidediv1" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 사라집니다.
</div>

<h1> hide(speed, callback)예제 </h1>
<button id = "hide2"> hide(speed, callback) </button>
<div id = "hidediv2" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 애니메이션 표현에 의해 사라집니다.
</div>

<h1> show()예제 </h1>
<button id = "show1"> show() </button>
<div id = "showdiv1" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 보여집니다.
</div>

<h1> show(speed, callback)예제 </h1>
<button id = "show2"> show(speed, callback) </button>
<div id = "showdiv2" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 애니메이션 표현에 의해 보여집니다.
</div>

<h1> toggle()예제 </h1>
<button id = "toggle1"> toggle() </button>
<div id = "togglediv1" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 toggle 됩니다.
</div>

<h1> toggle(speed, callback)예제 </h1>
<button id = "toggle2"> toggle(speed, callback) </button>
<div id = "togglediv2" sttyle = "display:block; border:1px solid #cccccc; width:300px; height:200px;">
  이 부분이 애니메이션 표현에 의해 toggle 됩니다.
</div>

 

</body>

</html>

 

트랙백0 And 댓글0

[ETC] swf 파일에서 Adobe Flash Player 보안 창이 뜨는 경우 해결법

|
http://www.macromedia.com/support/documentation/kr/flashplayer/help/settings_manager04.html

 

위에 사이트에 접속한 후

 

Adobe Flash Player 설정 관리자에서 편집을 누른 뒤 추가를 해서 해당 swf 파일을 등록하거나 폴더를 등록하면 된다.

트랙백0 And 댓글0

[ETC] Ctrl+Insert,Shift+Delete,Shift+Insert

|

Ctrl+Insert : Ctrl+C
Shift+Delete : Ctrl+X
Shift+Insert : Ctrl+V
트랙백0 And 댓글0
prev | 1 | 2 | 3 | 4 | ··· | 7 | next

티스토리 툴바