이전
목록
다음
운

텍스트만 슬라이드되는 소스 어디 없을까요?

프로그램은어려워
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2015-01-20 (화) 01:52:00 · 1918 · 5

클라이언트 측에서 이미지가 아닌 한줄짜리 큰 글씨(3em)의 문구 5개정도 슬라이드되는걸 원합니다.

슬라이드 소스 자체는 인터넷에 많이 있긴한데, 소스나 css, 제이쿼리 호출이 너무 많아서 

본페이지에서 충돌이 나네요.

 

최소한의 소스로 만들어진 슬라이드 알고 계신분 좌표좀 부탁드립니다.

더불어 해상도에 따라 변하는 반응형이면 더 좋구요...

 

부탁드려요ㅎㅎ;;

#디자이너톡
|

댓글 5개

탈환대
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-20 (화) 11:51:07
http://jschr.github.io/textillate/
css 로 작동하는 text animation 입니다.
프로그램은어려워
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-20 (화) 17:49:25
우와 이런게 다 있었네요ㅎㅎ 제가 원하는건 그냥 이미지 슬라이드되는거였는데 아쉽게 슬라이드옵션은 없네요.ㅎㅎ
그래도 감사드립니다. 여러모로 유용하게 쓰일거같은 소스네요^^
프로그램은어려워
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-20 (화) 18:10:12
탈환대님 클라이언트측 설득해서 추천해주신 텍스트효과로 대체하기로 했는데요.

<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 폴더에 관련파일들 다 넣고 호출했는데...
제가 디자인만 주로 하다보니 이런건 잘 몰라서리ㅠㅠ
탈환대
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-20 (화) 18:37:35
저도 그냥 다운받아서 쓰는거라서요 ㅎㅎ
GitHub 에서 압축파일 받으셔서 전부 다 업로드 하셨나요?
http://wongu.barunweb.co.kr/textillate-master/index.html
여기 제가 적용한 샘플입니다.
animate.css 불러오시면 잘 될텐데요..
프로그램은어려워
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-20 (화) 19:46:38
아... 탈환대님 페이지 소스대로 하니까 작동하네요ㅎㅎ
진신 고맙습니다 (__)
댓글을 작성하시려면 로그인이 필요합니다.

디자인

1,855건
태그 필터 (최대 3개) 전체 디자이너톡 포토샵 플래시 기타 일러스트 디자이너팁 폰트문의 저작권상담 디자인시안 외부로그인 게시판 최근게시물 회원가입 회원통합스킨 갤러리 일반 스크랩 로그인 전체검색 달력 폼메일 최신글 접속자 설문조사 쪽지 패스워드찾기 우편번호 디자인 레이아웃 추천사이트
+
제목 글쓴이 날짜 조회
15-02-03 조회 1,973
15-02-01 조회 1,570
15-01-30 조회 1,664
15-01-30 조회 1,325
15-01-29 조회 3,310
15-01-29 조회 1,674
15-01-28 조회 1,379
15-01-28 조회 2,794
15-01-26 조회 1,856
15-01-26 조회 2,352
15-01-26 조회 2,027
15-01-22 조회 1,332
15-01-20 조회 1,872
15-01-20 조회 2,057
15-01-20 조회 1,919
15-01-15 조회 3,285
15-01-15 조회 1,801
15-01-15 조회 1,773
15-01-14 조회 1,798
15-01-14 조회 1,378
15-01-11 조회 1,782
15-01-08 조회 2,068
15-01-07 조회 1,920
15-01-06 조회 1,686
15-01-01 조회 2,042
14-12-30 조회 2,016
14-12-24 조회 1,740
14-12-23 조회 1,470
14-12-18 조회 1,882
14-12-18 조회 3,272
14-12-17 조회 3,427
14-12-17 조회 1,792
14-12-16 조회 1,790
14-12-15 조회 1,852
14-12-12 조회 1,933
14-12-12 조회 2,210
14-12-12 조회 1,926
14-12-10 조회 2,150
14-12-10 조회 1,636
14-12-09 조회 1,615
14-12-06 조회 1,485
14-12-06 조회 1,879
14-12-05 조회 1,317
14-12-01 조회 1,910
14-11-25 조회 1,883
14-11-25 조회 1,963
14-11-19 조회 1,485
14-11-19 조회 1,878
14-11-19 조회 1,424
14-11-16 조회 2,131
14-11-06 조회 1,578
14-11-05 조회 2,055
14-11-01 조회 3,453
14-10-29 조회 2,100
14-10-29 조회 1,647
14-10-29 조회 2,625
14-10-29 조회 1,805
14-10-26 조회 2,042
14-10-25 조회 1,366
14-10-15 조회 1,484
14-10-13 조회 1,531
14-10-13 조회 1,128
14-10-07 조회 2,245
14-09-29 조회 1,902
14-09-29 조회 1,784
14-09-26 조회 1,685
14-09-25 조회 2,148
14-09-25 조회 2,294
14-09-24 조회 1.4만
14-09-24 조회 1,680
14-09-13 조회 3,191
14-09-13 조회 1,679
14-09-11 조회 2,827
14-09-05 조회 1,518
14-09-05 조회 1,870
14-09-03 조회 1,669
14-09-03 조회 2,429
14-09-01 조회 2,659
14-08-29 조회 1,767
14-08-29 조회 1,240
14-08-29 조회 4,539
14-08-29 조회 2,452
14-08-27 조회 1,443
14-08-19 조회 1,379
14-08-17 조회 1,497
14-08-14 조회 7,913
14-08-11 조회 2,091
14-08-08 조회 1,562
14-08-05 조회 1,468
14-08-05 조회 1,454
14-07-30 조회 1,322
14-07-29 조회 2,369
14-07-24 조회 1,609
14-07-21 조회 3,357
14-07-18 조회 1,880
14-07-18 조회 1,439
14-07-17 조회 3,359
14-07-16 조회 6,867
14-07-16 조회 1,497
14-07-16 조회 1,446
글쓰기