웹마스터 팁

  2. Support
  3. 웹마스터 팁

IE 전용 페이지 전환시 부드럽게 하기 (퍼옴)

2010.10.29 21:17

오실롯

퍼온거지만 그래도 필요한 사람이 있을지도 몰라 올려봅니다.

(중복일까 싶어 검색 몇개만 했습니다 )


========================================================


각 페이지 상단의 <head> 와 </head> 사이에 넣으시면 됩니다.

 

화면이 하얗게 변하면서 자연스레 전환 [페이드인] (in.htm)

<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">

<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">

 

오른쪽으로 자연스레 움직이는 화면 전환 (in2.htm)

<meta http-equiv="page-enter" content="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize='0.2', Duration=1.0)">

<meta http-equiv="page-exit" content="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize='0.2', Duration=1.0)">

page-enter는 그 페이지 접속시에 변화를 주는 소스이구요.

page-exit는 그 페이지를 나갈 때 변화를 주는 소스입니다.

타 사이트에서 본사이트로 넘어오실때 이 기능을 넣어주고 싶으시다면..

page-enter부분을 site-enter로 변경하셔서 적용하시면 됩니다.

 

 

<meta http-equiv="site-enter" content="BlendTrans(Duration=0.5)">

<meta http-equiv="site-exit" content="BlendTrans(Duration=0.5)">

<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">

<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">

 

...로 쓰시면 사이트 접속, 나갈때 페이지 이동시에 페이드인 효과가 적용됩니다.

 

page만 쓰시면 사이트 접속 및 타사이트 이동시에는 위 효과가 적용되지 않으며..

위 소스는 익스플로어에서는 적용됩니다.

파이어폭스 등 다른 브라우져를 쓰시는 고객님들이 보시기에는 위 효과가 없이 평범하게 나옵니다. ^^;;

 

content 부분의 필터의 수치를 바꾸거나 위 처럼 필터명만 바꾸시면 다른 방법으로 적용됩니다만..

다른 필터명이 지금 기억이 안나네요..;;

 

또한 미리보기가 같이 있어야

 

적용 소스 예시!

 

<html>

<head>

<title>우리집 쇼핑몰</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<meta http-equiv="site-enter" content="BlendTrans(Duration=0.5)">

<meta http-equiv="site-exit" content="BlendTrans(Duration=0.5)">

<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">

<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">

</head>

<body>

솰라 솰라 소스 주륵!!

</body>

</html>


===================================================================


페이지 전환을 부드럽게

<META HTTP-EQUIV=\"Page-Enter\" content=\"revealTrans(Duration=3,Transition=0)\">
<META HTTP-EQUIV=\"Page-Exit\" content=\"revealTrans(Duration=3,Transition=0)\">
페이지 들어갈 때/나갈때 다양한 화면전환방법을 사용할 수 있다.
Transition = 숫자(원하는 화면전환방법) , Duration = 숫자(진행속도)
Transition=0 : 가운데로 모으기 (박스 형태)
Transition=1 : 밖으로 펼치기 (박스 형태)
Transition=2 : 가운데로 모으기 (원 형태)
Transition=3 : 밖으로 펼치기 (원 형태)
Transition=4 : 위로 닦아내기
Transition=5 : 아래로 닦아내기
Transition=6 : 오른쪽으Transition=로 닦아내기
Transition=7 : 왼쪽으로 닦아내기
Transition=8 : 세로 블라인드
Transition=9 : 가로 블라인드
Transition=10 : 가로 체크 무늬
Transition=11 : 세로 체크 무늬
Transition=12 : 흩어 뿌리기
Transition=13 : 수직 안쪽으로 나누기
Transition=14 : 수직 바깥쪽으로 나누기
Transition=15 : 수평 안쪽으로 나누기
Transition=16 : 수평 바깥쪽으로 나누기
Transition=17 : 계단 모양 왼쪽 아래로
Transition=18 : 계단 모양 왼쪽 위로
Transition=19 : 계단 모양 오른쪽 아래로
Transition=20 : 계단 모양 오른쪽 위로
Transition=21 : 가로 실선 무늬
Transition=22 : 세로 실선 무늬
Transition=23 : 순서없이 전환(랜덤)


이렇습니다...
그리고 브라우저 꺼지는 분들은.. mshtml.dll 의 문제점인데..
MS JVM 을 설치 하시거나... 사용안하시는게 좋을겁니다.
아시겠지만 mshtml.dll 에러 나면 고치기 힘들거든여..


이 게시물을
좋아요
목록
제목 글쓴이 날짜
XE 1.5.1 로 사이트 꾸미기 Part 3. [22] file 황비 2011.12.06
XE 1.5.1로 사이트 꾸미기 Part 2 [11] file 황비 2011.12.06
썸네일 없애는 법 없나요?? [1] file Huckleberry Finn 2011.12.05
Xe 1.5.0.9 사용자 설치 메뉴얼 제1부. [3] file 황비 2011.12.04
Xe 1.5.1로 사이트 꾸미기 part 1 [25] file 황비 2011.12.04
XE 1.5.0.9부터 회원가입 비밀번호 찾기 질문/답변때문에 고생하셨던분들을 위한 해결방안 [2] 라미아스튜디오 2011.11.27
아이콘 보유자에 한해 지정한 내용 보여주기 [3] 도라란 2011.11.25
휴대폰 인증 회원에 한해 지정한 내용 보여주기 도라란 2011.11.25
회원가입시 '비밀번호 찾기 질문/답변' 항목이 나오질 않고 회원설정에서 설정불가능 file 머구리 2011.11.25
음악파일 본문첨부시 최대한 같은 모습으로 재생시키기 [11.12.04] [38] 도라란 2011.11.24
게시물의 엮인글 허용 체크가 풀어지는 경우 Hoseok 2011.11.23
Xe 1.5.0.9 사용자 설치메뉴얼 제2부 [22] file 황비 2011.11.22
비회원도 추천가능하게 하기 (1.5기준설명) [3] 빽짱구 2011.11.18
XE 도쿠위키 세션으로 연동 [5] 도라란 2011.11.17
시작 페이지 /xe/ 이신분들 ~ 이제 고민 해결. [3] 숭숭군 2011.11.14
게시판 본문에 글쓴이의 이미지이름 따로 표시. 도라란 2011.11.09
1.5.8 버전 파일 첨부시 파일 선택창 안뜨는 현상. [5] 키아레인 2011.11.08
공용 head內선언문들은 /common/tpl/common_layout.html 인터니즈2 2011.11.04
[레이아웃관련] 구글검색 달기 file 인터니즈2 2011.11.04
XE를 이용하여 SMTP 보내보기[개발자용] [10] 라르게덴 2011.11.02
태그 쓰기