운

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

· 2015-01-20 (화) 01:52:00 · 1902 · 5

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

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

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

 

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

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

 

부탁드려요ㅎㅎ;;

|

댓글 5개

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

디자인

1,855건
+
제목 글쓴이 날짜 조회
15-02-03 조회 1,960
15-02-01 조회 1,562
15-01-30 조회 1,650
15-01-30 조회 1,310
15-01-29 조회 3,301
15-01-29 조회 1,658
15-01-28 조회 1,369
15-01-28 조회 2,783
15-01-26 조회 1,841
15-01-26 조회 2,326
15-01-26 조회 2,005
15-01-22 조회 1,317
15-01-20 조회 1,855
15-01-20 조회 2,038
15-01-20 조회 1,903
15-01-15 조회 3,257
15-01-15 조회 1,773
15-01-15 조회 1,756
15-01-14 조회 1,777
15-01-14 조회 1,357
15-01-11 조회 1,766
15-01-08 조회 2,055
15-01-07 조회 1,905
15-01-06 조회 1,674
15-01-01 조회 2,032
14-12-30 조회 1,997
14-12-24 조회 1,718
14-12-23 조회 1,455
14-12-18 조회 1,867
14-12-18 조회 3,249
14-12-17 조회 3,401
14-12-17 조회 1,773
14-12-16 조회 1,777
14-12-15 조회 1,836
14-12-12 조회 1,920
14-12-12 조회 2,193
14-12-12 조회 1,913
14-12-10 조회 2,133
14-12-10 조회 1,617
14-12-09 조회 1,598
14-12-06 조회 1,472
14-12-06 조회 1,858
14-12-05 조회 1,300
14-12-01 조회 1,892
14-11-25 조회 1,867
14-11-25 조회 1,908
14-11-19 조회 1,468
14-11-19 조회 1,857
14-11-19 조회 1,409
14-11-16 조회 2,118
14-11-06 조회 1,559
14-11-05 조회 2,038
14-11-01 조회 3,434
14-10-29 조회 2,084
14-10-29 조회 1,631
14-10-29 조회 2,609
14-10-29 조회 1,793
14-10-26 조회 2,029
14-10-25 조회 1,353
14-10-15 조회 1,467
14-10-13 조회 1,513
14-10-13 조회 1,117
14-10-07 조회 2,226
14-09-29 조회 1,888
14-09-29 조회 1,762
14-09-26 조회 1,670
14-09-25 조회 2,136
14-09-25 조회 2,260
14-09-24 조회 1.4만
14-09-24 조회 1,654
14-09-13 조회 3,179
14-09-13 조회 1,664
14-09-11 조회 2,816
14-09-05 조회 1,496
14-09-05 조회 1,858
14-09-03 조회 1,652
14-09-03 조회 2,413
14-09-01 조회 2,643
14-08-29 조회 1,748
14-08-29 조회 1,215
14-08-29 조회 4,485
14-08-29 조회 2,438
14-08-27 조회 1,424
14-08-19 조회 1,360
14-08-17 조회 1,481
14-08-14 조회 7,883
14-08-11 조회 2,076
14-08-08 조회 1,545
14-08-05 조회 1,449
14-08-05 조회 1,438
14-07-30 조회 1,304
14-07-29 조회 2,356
14-07-24 조회 1,599
14-07-21 조회 3,333
14-07-18 조회 1,861
14-07-18 조회 1,416
14-07-17 조회 3,335
14-07-16 조회 6,838
14-07-16 조회 1,475
14-07-16 조회 1,425