2026, 새로운 도약을 시작합니다.

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

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>

첨부파일

aaa.jpg (435.7 KB)
0회 2013-06-04 15:34
|

댓글 8개

감사합니다
모바일 웹 부럽네요..
옆에 사이드 메뉴 소스는 공개 부탁 드려용...
해당파일의 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>

댓글 작성

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

로그인하기

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
번호 제목 글쓴이 날짜 조회
3309 3년 전 조회 2,009
3308 11년 전 조회 2,327
3307 6년 전 조회 5,018
3306 6년 전 조회 3,492
3305 6년 전 조회 1.3만
3304 7년 전 조회 3,972
3303 7년 전 조회 3,950
3302 7년 전 조회 1.4만
3301 8년 전 조회 5,095
3300 8년 전 조회 6,190
3299 8년 전 조회 1.1만
3298 8년 전 조회 4,231
3297 8년 전 조회 4,657
3296 8년 전 조회 1.2만
3295 8년 전 조회 1.5만
3294 8년 전 조회 6,242
3293 8년 전 조회 5,860
3292 9년 전 조회 5,512
3291 9년 전 조회 1.4만
3290 9년 전 조회 5,268
🐛 버그신고