클라이언트 측에서 이미지가 아닌 한줄짜리 큰 글씨(3em)의 문구 5개정도 슬라이드되는걸 원합니다.
슬라이드 소스 자체는 인터넷에 많이 있긴한데, 소스나 css, 제이쿼리 호출이 너무 많아서
본페이지에서 충돌이 나네요.
최소한의 소스로 만들어진 슬라이드 알고 계신분 좌표좀 부탁드립니다.
더불어 해상도에 따라 변하는 반응형이면 더 좋구요...
부탁드려요ㅎㅎ;;
댓글 5개
탈환대님 클라이언트측 설득해서 추천해주신 텍스트효과로 대체하기로 했는데요.
<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 폴더에 관련파일들 다 넣고 호출했는데...
제가 디자인만 주로 하다보니 이런건 잘 몰라서리ㅠㅠ
<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 폴더에 관련파일들 다 넣고 호출했는데...
제가 디자인만 주로 하다보니 이런건 잘 몰라서리ㅠㅠ
게시글 목록
| 번호 | 제목 |
|---|---|
| 5541 | |
| 7208 | |
| 5537 | |
| 6059 | |
| 5530 | |
| 5529 | |
| 5524 | |
| 5516 | |
| 5507 | |
| 11208 | |
| 6057 | |
| 5501 | |
| 5500 | |
| 5498 | |
| 6056 | |
| 6055 | |
| 6054 | |
| 5490 | |
| 5483 | |
| 5472 | |
| 5470 | |
| 6051 | |
| 5469 | |
| 11202 | |
| 11199 | |
| 11198 | |
| 11196 | |
| 5467 | |
| 5463 | |
| 11195 | |
| 7238 | |
| 5460 | |
| 7204 | |
| 7232 | |
| 5458 | |
| 5456 | |
| 11299 | |
| 6045 | |
| 5452 | |
| 5449 | |
| 11296 | |
| 11295 | |
| 7201 | |
| 7199 | |
| 5446 | |
| 5441 | |
| 6039 | |
| 6038 | |
| 5429 | |
| 5424 | |
| 7197 | |
| 5422 | |
| 6036 | |
| 7194 | |
| 5413 | |
| 5411 | |
| 5408 | |
| 5407 | |
| 7190 | |
| 6030 | |
| 5405 | |
| 5402 | |
| 5400 | |
| 7189 | |
| 5398 | |
| 7187 | |
| 6026 | |
| 6022 | |
| 5389 | |
| 5384 | |
| 5374 | |
| 7184 | |
| 5370 | |
| 5364 | |
| 5363 | |
| 5362 | |
| 11293 | |
| 6014 | |
| 7183 | |
| 7182 | |
| 7181 | |
| 5355 | |
| 5351 | |
| 5336 | |
| 11290 | |
| 11286 | |
| 5332 | |
| 5330 | |
| 5325 | |
| 5318 | |
| 7180 | |
| 5307 | |
| 5304 | |
| 11285 | |
| 5301 | |
| 5294 | |
| 11284 | |
| 5292 | |
| 7175 | |
| 5286 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기