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

· 11년 전 · 1451 · 5

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

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

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

 

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

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

 

부탁드려요ㅎㅎ;;

|

댓글 5개

http://jschr.github.io/textillate/
css 로 작동하는 text animation 입니다.
우와 이런게 다 있었네요ㅎㅎ 제가 원하는건 그냥 이미지 슬라이드되는거였는데 아쉽게 슬라이드옵션은 없네요.ㅎㅎ
그래도 감사드립니다. 여러모로 유용하게 쓰일거같은 소스네요^^
탈환대님 클라이언트측 설득해서 추천해주신 텍스트효과로 대체하기로 했는데요.

<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 불러오시면 잘 될텐데요..
아... 탈환대님 페이지 소스대로 하니까 작동하네요ㅎㅎ
진신 고맙습니다 (__)
댓글을 작성하시려면 로그인이 필요합니다.

디자인

+
제목 글쓴이 날짜 조회
10년 전 조회 2,680
10년 전 조회 2,675
10년 전 조회 2,837
10년 전 조회 2,782
10년 전 조회 2,776
10년 전 조회 1,945
10년 전 조회 1,912
10년 전 조회 1,421
10년 전 조회 2,567
10년 전 조회 2,843
10년 전 조회 1,613
10년 전 조회 993
10년 전 조회 1,572
10년 전 조회 1,374
10년 전 조회 2,709
10년 전 조회 1,668
10년 전 조회 1,279
10년 전 조회 3,036
10년 전 조회 1,048
10년 전 조회 1,394
10년 전 조회 3,791
10년 전 조회 883
10년 전 조회 1,622
10년 전 조회 1,586
10년 전 조회 1,374
10년 전 조회 1,202
10년 전 조회 1,511
11년 전 조회 2,743
11년 전 조회 1,026
11년 전 조회 1,777
11년 전 조회 1,090
11년 전 조회 1,145
11년 전 조회 1,750
11년 전 조회 2,755
11년 전 조회 3,275
11년 전 조회 1,524
11년 전 조회 1,146
11년 전 조회 1,210
11년 전 조회 902
11년 전 조회 2,867
11년 전 조회 1,224
11년 전 조회 936
11년 전 조회 2,340
11년 전 조회 1,421
11년 전 조회 1,884
11년 전 조회 1,572
11년 전 조회 872
11년 전 조회 1,433
11년 전 조회 1,583
11년 전 조회 1,452
11년 전 조회 2,774
11년 전 조회 1,271
11년 전 조회 1,311
11년 전 조회 1,313
11년 전 조회 884
11년 전 조회 1,320
11년 전 조회 1,607
11년 전 조회 1,468
11년 전 조회 1,241
11년 전 조회 1,601
11년 전 조회 1,567
11년 전 조회 1,271
11년 전 조회 1,028
11년 전 조회 1,439
11년 전 조회 2,747
11년 전 조회 2,958
11년 전 조회 1,328
11년 전 조회 1,374
11년 전 조회 1,420
11년 전 조회 1,485
11년 전 조회 1,781
11년 전 조회 1,465
11년 전 조회 1,705
11년 전 조회 1,212
11년 전 조회 1,179
11년 전 조회 1,051
11년 전 조회 1,415
11년 전 조회 861
11년 전 조회 1,458
11년 전 조회 1,436
11년 전 조회 1,390
11년 전 조회 1,064
11년 전 조회 1,449
11년 전 조회 991
11년 전 조회 1,708
11년 전 조회 1,141
11년 전 조회 1,620
11년 전 조회 2,997
11년 전 조회 1,700
11년 전 조회 1,231
11년 전 조회 2,182
11년 전 조회 1,381
11년 전 조회 1,586
11년 전 조회 920
11년 전 조회 1,027
11년 전 조회 1,094
11년 전 조회 716
11년 전 조회 1,784
11년 전 조회 1,467
11년 전 조회 1,360