COMING SOON 🚀
이전
목록
다음
운

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

프로그램은어려워
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1487 · 5

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

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

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

 

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

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

 

부탁드려요ㅎㅎ;;

#디자이너톡
|

댓글 5개

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

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

디자인

태그 필터 (최대 3개) 전체 디자이너톡 포토샵 플래시 기타 일러스트 디자이너팁 폰트문의 저작권상담 디자인시안 외부로그인 게시판 최근게시물 회원가입 회원통합스킨 갤러리 일반 스크랩 로그인 전체검색 달력 폼메일 최신글 접속자 설문조사 쪽지 패스워드찾기 우편번호 디자인 레이아웃 추천사이트
+
제목 글쓴이 날짜 조회
10년 전 조회 2,712
10년 전 조회 2,719
10년 전 조회 2,874
10년 전 조회 2,821
10년 전 조회 2,815
10년 전 조회 1,993
10년 전 조회 1,952
10년 전 조회 1,460
10년 전 조회 2,600
10년 전 조회 2,876
10년 전 조회 1,654
10년 전 조회 1,025
10년 전 조회 1,605
10년 전 조회 1,416
10년 전 조회 2,737
10년 전 조회 1,695
10년 전 조회 1,317
10년 전 조회 3,069
10년 전 조회 1,086
10년 전 조회 1,427
10년 전 조회 3,824
10년 전 조회 916
10년 전 조회 1,658
10년 전 조회 1,618
11년 전 조회 1,405
11년 전 조회 1,243
11년 전 조회 1,544
11년 전 조회 2,783
11년 전 조회 1,065
11년 전 조회 1,802
11년 전 조회 1,129
11년 전 조회 1,180
11년 전 조회 1,790
11년 전 조회 2,779
11년 전 조회 3,294
11년 전 조회 1,558
11년 전 조회 1,177
11년 전 조회 1,248
11년 전 조회 934
11년 전 조회 2,903
11년 전 조회 1,260
11년 전 조회 970
11년 전 조회 2,382
11년 전 조회 1,445
11년 전 조회 1,911
11년 전 조회 1,603
11년 전 조회 915
11년 전 조회 1,462
11년 전 조회 1,611
11년 전 조회 1,488
11년 전 조회 2,798
11년 전 조회 1,317
11년 전 조회 1,336
11년 전 조회 1,344
11년 전 조회 916
11년 전 조회 1,348
11년 전 조회 1,641
11년 전 조회 1,506
11년 전 조회 1,277
11년 전 조회 1,627
11년 전 조회 1,590
11년 전 조회 1,299
11년 전 조회 1,054
11년 전 조회 1,459
11년 전 조회 2,776
11년 전 조회 2,985
11년 전 조회 1,365
11년 전 조회 1,403
11년 전 조회 1,452
11년 전 조회 1,517
11년 전 조회 1,819
11년 전 조회 1,512
11년 전 조회 1,735
11년 전 조회 1,251
11년 전 조회 1,213
11년 전 조회 1,079
11년 전 조회 1,441
11년 전 조회 900
11년 전 조회 1,491
11년 전 조회 1,478
11년 전 조회 1,422
11년 전 조회 1,095
11년 전 조회 1,485
11년 전 조회 1,025
11년 전 조회 1,738
11년 전 조회 1,167
11년 전 조회 1,650
11년 전 조회 3,024
11년 전 조회 1,724
11년 전 조회 1,253
11년 전 조회 2,212
11년 전 조회 1,418
11년 전 조회 1,621
11년 전 조회 953
11년 전 조회 1,057
11년 전 조회 1,127
11년 전 조회 746
11년 전 조회 1,815
11년 전 조회 1,501
11년 전 조회 1,385
이전 첫 페이지 다음
글쓰기