웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
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
-
지그재거
2013.08.20 20:17
네.
레이아웃에서 바로 직접 구동하도록 xml로 메인과 서버 분리하여 메인페이지에 이미지 10개 각각의 서버페이지에 10개의 이미지가 슬라이드 되도록 ... 만들어 넣었습니다.
-
부가서비스
2013.08.20 20:46
-
지그재거
2013.08.20 20:50
아하! 그런 위젯이 있었군요.
전 그걸 보고 활용한게 아니고요.
레이아웃 > 디폴트 > 3장의 이미지 <- 마우스로 클릭해야 다음 이미지로 넘어가길 ? 래 ... 이건 아니다 싶어서 완전히 수동으로 맹글어 넣었습니다.
오히려 관리 측면에서는 유리한 부분 일 수도 있습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
요즘 제가 jquery 웹앱 솔루션을 개발했습니다. [2] | 안드류KIM | 2018.04.03 |
jquery swiper | Ansi™ | 2017.02.16 |
jQuery 플러그인 모음 | Ansi™ | 2017.01.25 |
jquery 플러그인: rolVideo.min.js 공개하였습니다. [1] | 딴죽을거는남자 | 2015.10.03 |
팝업모듈에서 jQuery 충돌 해결 - 팝업창이 안뜰때. [5] | 똑디 | 2013.03.22 |
jquery 외부로드하기 [22] | DynamicLaser | 2014.04.07 |
jquery 이미지 이펙트 플러그인 | Ansi™ | 2014.08.19 |
jqm(jQuery Mobile) 사용 시 XE의 CSS 와 충돌할 때 | Canto | 2014.07.03 |
[Jquery] input box border input | pell | 2014.03.21 |
[jQuery] 클릭하면 내용이 사라지는 방법 | 낮은자 | 2014.03.07 |
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] | 김개발 | 2014.02.14 |
[jQuery] PNG투명 이미지 animate시 IE7,8 투명이미지 표현 문제. | 투니페이퍼 | 2014.01.21 |
jQuery fadeIn 홈페이지 부드럽게 이동 [4] | 지그재거 | 2013.08.20 |
새로고침없이 페이지 리로딩 간단하고 쉽게 서버한테는 미안하게 하는법 (서버단이 아니고 스킨에 ㅠ jquery load씀) 게시글,댓글,추천등 모든 부분다가능합니다. [2] | 장포크 | 2013.08.08 |
XE에서 jQuery의 $를 쓸 때에 대한 문제 [7] | Hide_D | 2009.11.21 |
jQuery 강의 #1. css에 대해 이해해보자. [1] | 서기 | 2011.03.03 |
jQuery 강의 #2. 셀렉터에 스타일을 적용해보자. | 서기 | 2011.03.08 |
감사합니다!
그나저나 메인에 쓰신 이미지 슬라이더는 직접 만드신건가요?
지금 딱 그런 위젯을 찾고 있어서요 ㅠ.ㅠ