웹마스터 팁
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
태그 연관 글
- [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장의 이미지 <- 마우스로 클릭해야 다음 이미지로 넘어가길 ? 래 ... 이건 아니다 싶어서 완전히 수동으로 맹글어 넣었습니다.
오히려 관리 측면에서는 유리한 부분 일 수도 있습니다.
감사합니다!
그나저나 메인에 쓰신 이미지 슬라이더는 직접 만드신건가요?
지금 딱 그런 위젯을 찾고 있어서요 ㅠ.ㅠ