이전글 목록 다음글
운

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

프로그램은어려워
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1455 · 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,688
10년 전 조회 2,683
10년 전 조회 2,846
10년 전 조회 2,790
10년 전 조회 2,783
10년 전 조회 1,956
10년 전 조회 1,918
10년 전 조회 1,429
10년 전 조회 2,574
10년 전 조회 2,850
10년 전 조회 1,624
10년 전 조회 993
10년 전 조회 1,576
10년 전 조회 1,384
10년 전 조회 2,716
10년 전 조회 1,675
10년 전 조회 1,286
10년 전 조회 3,044
10년 전 조회 1,056
10년 전 조회 1,401
10년 전 조회 3,796
10년 전 조회 889
10년 전 조회 1,626
10년 전 조회 1,593
10년 전 조회 1,378
10년 전 조회 1,208
10년 전 조회 1,515
11년 전 조회 2,754
11년 전 조회 1,033
11년 전 조회 1,783
11년 전 조회 1,097
11년 전 조회 1,152
11년 전 조회 1,760
11년 전 조회 2,760
11년 전 조회 3,277
11년 전 조회 1,533
11년 전 조회 1,150
11년 전 조회 1,215
11년 전 조회 906
11년 전 조회 2,871
11년 전 조회 1,229
11년 전 조회 942
11년 전 조회 2,350
11년 전 조회 1,429
11년 전 조회 1,889
11년 전 조회 1,580
11년 전 조회 876
11년 전 조회 1,437
11년 전 조회 1,586
11년 전 조회 1,456
11년 전 조회 2,778
11년 전 조회 1,280
11년 전 조회 1,316
11년 전 조회 1,318
11년 전 조회 891
11년 전 조회 1,324
11년 전 조회 1,614
11년 전 조회 1,474
11년 전 조회 1,247
11년 전 조회 1,605
11년 전 조회 1,574
11년 전 조회 1,275
11년 전 조회 1,034
11년 전 조회 1,441
11년 전 조회 2,751
11년 전 조회 2,963
11년 전 조회 1,337
11년 전 조회 1,378
11년 전 조회 1,423
11년 전 조회 1,494
11년 전 조회 1,785
11년 전 조회 1,472
11년 전 조회 1,709
11년 전 조회 1,213
11년 전 조회 1,185
11년 전 조회 1,056
11년 전 조회 1,422
11년 전 조회 867
11년 전 조회 1,463
11년 전 조회 1,442
11년 전 조회 1,394
11년 전 조회 1,069
11년 전 조회 1,455
11년 전 조회 998
11년 전 조회 1,712
11년 전 조회 1,143
11년 전 조회 1,624
11년 전 조회 3,003
11년 전 조회 1,700
11년 전 조회 1,233
11년 전 조회 2,185
11년 전 조회 1,386
11년 전 조회 1,591
11년 전 조회 923
11년 전 조회 1,030
11년 전 조회 1,098
11년 전 조회 720
11년 전 조회 1,787
11년 전 조회 1,470
11년 전 조회 1,362
이전 첫 페이지 다음
글쓰기