테스트 사이트 - 개발 중인 베타 버전입니다

모바일웹에 괜찮은 이미지 슬라이더

· 12년 전 · 9788 · 8
aaa.jpg
모바일웹에 괜찮은 이미지 슬라이더입니다.

아래와 같이 수정했습니다.
ul, li => div로 수정
.css, .js 파일도 수정


<div class="blueberry">
<div class="slides">
<div><img src="http://marktyrrell.com/labs/blueberry/img/slide1.jpg" /></div>
<div><img src="http://marktyrrell.com/labs/blueberry/img/slide2.jpg" /></div>
<div><img src="http://marktyrrell.com/labs/blueberry/img/slide3.jpg" /></div>
<div><img src="http://marktyrrell.com/labs/blueberry/img/slide4.jpg" /></div>
</div>
</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

감사합니다.
good!!!
감사합니다.
감사합니다~..
12년 전
감사합니다
12년 전
모바일 웹 부럽네요..
옆에 사이드 메뉴 소스는 공개 부탁 드려용...
12년 전
해당파일의 index 를 열어보면, 이미지가 밑으로 쭉 나열만되네요.. 혹 확인 되시는분.. 익스랑 크롬에서 열어보았습니다.
<link rel="stylesheet" href="./blueberry/blueberry.css" />
<style type="text/css">
<!--
.blueberry { max-width: 960px; }
-->
</style>

<script src="./blueberry/jquery.blueberry.js"></script>
<script>
$(window).load(function() {
$('.blueberry').blueberry();
});
</script>

<div class="blueberry">
<div class="slides">
<div><img src="<?=$g4[path]?>/img/main1.jpg" border="0" /></div>
<div><img src="<?=$g4[path]?>/img/main2.jpg" border="0" /></div>
<div><img src="<?=$g4[path]?>/img/main3.jpg" border="0" onclick="location='<?=$g4[shop_path]?>/event.php?ev_id=1349855253'"/></div>
<div><img src="<?=$g4[path]?>/img/main4.jpg" border="0" onclick="location='<?=$g4[shop_path]?>/event.php?ev_id=1349854784'"/></div>
</div>
</div>

게시글 목록

번호 제목
34706
34693
34563
34536
34521
34480
34479
34466
34437
34436
34435
34406
34398
34387
34382
34375
34364
34336
34294
34293