웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
![fadein.png](http://www.xpressengine.com/files/attach/images/121/781/271/022/c80437ca0490346acae893cf1532ca3b.png)
jQuery fadeIn 홈페이지 부드럽게 이동
2013.08.20 11:05
1. 위치 : 레이아웃 > 사용중인 레이아웃 > ... 관리자로 접속하여 > 사이트 제작/편집 > 사이트 디자인 설정 > 레이아웃 > HTML/CSS 로 들어가서 작업함.
2. 상단에
<style>
#container{display:none;}
</style>
<script>
jQuery(document).ready(function () {
jQuery('#container').fadeIn(3000);
});
</script>
3. fade 시작 지점
<!--//jQuery fadeIn start-->
<div id="container"><!--////////// FADE in START //////////-->
4. fade 끝지점
</div>
<!--//jQuery fadeIn end-->
5. 제일 중요합니다. IE 버젼에 따라 분쟁이 발생 할 수 있습니다.
책임 소재는 여러분들에게 달려 있으며 반드시 백업 후 실행하시기 바랍니다.
적용된 사이트 : http://xe.webincu.com
![fadein.png](http://www.xpressengine.com/files/attach/images/121/781/271/022/c80437ca0490346acae893cf1532ca3b.png)
태그 연관 글
- [2016/11/01] 묻고답하기 xe 홈페이지를 유지하던 서버가 다운되어 이전하려 합니다. *2
- [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의
- [2015/11/25] 묻고답하기 Welcome Page를 첫화면으로 설정하려면... *7
- [2015/10/03] 웹마스터 팁 jquery 플러그인: rolVideo.min.js 공개하였습니다. *1
- [2015/08/25] 묻고답하기 한 서버에 2개의 XE를 설치하여 회원DB 연동방법? *13
댓글 4
-
부가서비스
2013.08.20 19:56
-
네.
레이아웃에서 바로 직접 구동하도록 xml로 메인과 서버 분리하여 메인페이지에 이미지 10개 각각의 서버페이지에 10개의 이미지가 슬라이드 되도록 ... 만들어 넣었습니다.
-
부가서비스
2013.08.20 20:46
-
아하! 그런 위젯이 있었군요.
전 그걸 보고 활용한게 아니고요.
레이아웃 > 디폴트 > 3장의 이미지 <- 마우스로 클릭해야 다음 이미지로 넘어가길 ? 래 ... 이건 아니다 싶어서 완전히 수동으로 맹글어 넣었습니다.
오히려 관리 측면에서는 유리한 부분 일 수도 있습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
페이지 로딩중 효과 [7] | 깜보 | 2003.02.16 |
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window)
[3]
![]() | 아린~★ | 2003.01.29 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
페이지 사용안하고 팝업띄우기
[4]
![]() | 란즈 | 2002.03.02 |
▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
[JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
[Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
감사합니다!
그나저나 메인에 쓰신 이미지 슬라이더는 직접 만드신건가요?
지금 딱 그런 위젯을 찾고 있어서요 ㅠ.ㅠ