텍스트만 슬라이드되는 소스 어디 없을까요?
클라이언트 측에서 이미지가 아닌 한줄짜리 큰 글씨(3em)의 문구 5개정도 슬라이드되는걸 원합니다.
슬라이드 소스 자체는 인터넷에 많이 있긴한데, 소스나 css, 제이쿼리 호출이 너무 많아서
본페이지에서 충돌이 나네요.
최소한의 소스로 만들어진 슬라이드 알고 계신분 좌표좀 부탁드립니다.
더불어 해상도에 따라 변하는 반응형이면 더 좋구요...
부탁드려요ㅎㅎ;;
댓글 5개
10년 전
http://jschr.github.io/textillate/
css 로 작동하는 text animation 입니다.
css 로 작동하는 text animation 입니다.
프로그램은어려워
10년 전
우와 이런게 다 있었네요ㅎㅎ 제가 원하는건 그냥 이미지 슬라이드되는거였는데 아쉽게 슬라이드옵션은 없네요.ㅎㅎ
그래도 감사드립니다. 여러모로 유용하게 쓰일거같은 소스네요^^
그래도 감사드립니다. 여러모로 유용하게 쓰일거같은 소스네요^^
프로그램은어려워
10년 전
탈환대님 클라이언트측 설득해서 추천해주신 텍스트효과로 대체하기로 했는데요.
<script src="js/text_main/jquery.lettering.js"></script>
<script src="js/text_main/jquery.textillate.js"></script>
<script src="js/text_main/jquery.fittext.js"></script>
<link href="js/text_main/animate.css" rel="stylesheet" type="text/css" />
<link href="js/text_main/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$('.tlt').textillate();
})
</script>
</head>
<body>
<h1 class="tlt">
<ul class="texts">
<li data-out-effect="fadeOut" data-out-shuffle="true">텍스트 효과1</li>
<li data-in-effect="fadeIn">텍스트 효과2</li>
</ul>
</h1>
이렇게 했는데 작동안하네요.
제가 잘못한거 있을까요?
js/text_main 폴더에 관련파일들 다 넣고 호출했는데...
제가 디자인만 주로 하다보니 이런건 잘 몰라서리ㅠㅠ
<script src="js/text_main/jquery.lettering.js"></script>
<script src="js/text_main/jquery.textillate.js"></script>
<script src="js/text_main/jquery.fittext.js"></script>
<link href="js/text_main/animate.css" rel="stylesheet" type="text/css" />
<link href="js/text_main/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$('.tlt').textillate();
})
</script>
</head>
<body>
<h1 class="tlt">
<ul class="texts">
<li data-out-effect="fadeOut" data-out-shuffle="true">텍스트 효과1</li>
<li data-in-effect="fadeIn">텍스트 효과2</li>
</ul>
</h1>
이렇게 했는데 작동안하네요.
제가 잘못한거 있을까요?
js/text_main 폴더에 관련파일들 다 넣고 호출했는데...
제가 디자인만 주로 하다보니 이런건 잘 몰라서리ㅠㅠ
10년 전
저도 그냥 다운받아서 쓰는거라서요 ㅎㅎ
GitHub 에서 압축파일 받으셔서 전부 다 업로드 하셨나요?
http://wongu.barunweb.co.kr/textillate-master/index.html
여기 제가 적용한 샘플입니다.
animate.css 불러오시면 잘 될텐데요..
GitHub 에서 압축파일 받으셔서 전부 다 업로드 하셨나요?
http://wongu.barunweb.co.kr/textillate-master/index.html
여기 제가 적용한 샘플입니다.
animate.css 불러오시면 잘 될텐데요..
프로그램은어려워
10년 전
아... 탈환대님 페이지 소스대로 하니까 작동하네요ㅎㅎ
진신 고맙습니다 (__)
진신 고맙습니다 (__)
게시글 목록
| 번호 | 제목 |
|---|---|
| 9869 |
회원가입
왼쪽 메뉴 두번째 공유해요.,
1
|
| 9863 |
회원가입
왼쪽 메뉴 공유해 드립니다.
5
|
| 9862 | |
| 3212 | |
| 3203 | |
| 3194 | |
| 9855 |
회원통합스킨
여행사 메인시안 입니다.
6
|
| 9851 |
회원통합스킨
펜션 서브 시안입니다.
3
|
| 9845 |
회원통합스킨
펜션 메인 시안입니다.
5
|
| 9843 | |
| 9842 | |
| 9836 | |
| 9834 | |
| 3192 | |
| 3191 | |
| 6957 | |
| 9830 |
회원통합스킨
예전에 작업했던 제안시안 입니다
3
|
| 9825 |
우편번호
오시는길 약도
4
|
| 9823 |
게시판
약도페이지입니다.
1
|
| 9821 |
게시판
약도페이지입니다.
1
|
| 9735 | |
| 3186 | |
| 3182 | |
| 9727 | |
| 9720 | |
| 3179 | |
| 9702 |
게시판
메인시안 사용하세요.
17
|
| 6955 | |
| 3174 | |
| 9690 |
게시판
메인시안 공유합니다~
11
|
| 9686 |
게시판
자동차관련 메인시안
3
|
| 9679 |
게시판
메인시안 공유합니다.
6
|
| 3165 | |
| 3162 | |
| 3159 | |
| 9676 | |
| 3146 | |
| 9673 |
게시판
심플 메인
2
|
| 9668 |
게시판
깜둥이메뉴
4
|
| 9663 |
게시판
황금(?)메탈문자?
4
|
| 9662 |
게시판
액자??
|
| 9581 |
게시판
메인시안입니다.
80
|
| 3143 | |
| 3142 | |
| 9561 | |
| 9554 |
외부로그인
로그인 스킨
6
|
| 9542 |
게시판
아이콘들..!!
11
|
| 9531 |
게시판
남성 쇼핑몰 스킨
10
|
| 9527 | |
| 9522 |
게시판
회사소개용 이미지
4
|
| 3131 | |
| 9517 |
회원통합스킨
블랙 메뉴 디자인
4
|
| 9507 | |
| 9500 | |
| 9492 | |
| 9490 |
회원가입
회원가입 블랙버전입니다.
1
|
| 9489 |
패스워드찾기
아이디/패스워드찾기 블랙버전입니다.
|
| 9485 |
설문조사
배너 한가지
3
|
| 9481 |
회원통합스킨
메뉴 디자인
3
|
| 9480 |
외부로그인
탑부분 로그인 바 디자인
|
| 3128 | |
| 3120 | |
| 9478 |
스크랩
스크랩 블랙버전입니다.
1
|
| 3116 | |
| 9477 |
설문조사
설문조사 블랙버전입니다.
|
| 3112 | |
| 9471 |
게시판
버튼psd 올려봅니다.
5
|
| 9470 |
갤러리
갤러리 블랙버전입니다.
|
| 9468 |
게시판
시안입니다.
1
|
| 9463 |
게시판
시안입니다.
4
|
| 9460 |
게시판
다른버젼
2
|
| 9457 |
게시판
시안입니다.
2
|
| 3104 | |
| 9452 | |
| 6953 | |
| 9448 |
게시판
쇼핑몰스킨입니다.
3
|
| 9444 |
게시판
쇼핑몰스킨입니다.
3
|
| 9443 |
외부로그인
로그인스킨입니다.
|
| 5984 | |
| 3094 | |
| 9442 |
접속자
접속자페이지 블랙버전입니다.
|
| 3088 | |
| 3082 | |
| 3079 | |
| 9432 |
패스워드찾기
로그인 페이지 PSD
9
|
| 9416 | |
| 3078 | |
| 9415 |
달력
달력 레드버전입니다.
|
| 9407 |
게시판
회사 홈페이지 시안
7
|
| 9405 |
외부로그인
로그인 블랙버전 두번째 올립니다.
1
|
| 9402 |
외부로그인
로그인 블랙버전입니다.
2
|
| 3075 | |
| 9400 |
게시판
공지창
1
|
| 9399 |
갤러리
배너 백그라운드 1
|
| 3072 | |
| 6949 | |
| 9397 |
스크랩
스크랩 팝업니다.
1
|
| 9395 |
패스워드찾기
패스워드찾기 팝업입니다.
1
|
| 9380 |
게시판
조직도
14
|
| 9376 |
게시판
게시판스킨 뷰
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기