모바일웹에 괜찮은 이미지 슬라이더 정보
모바일웹에 괜찮은 이미지 슬라이더
관련링크
http://m.bikedb.co.kr
619회 연결
첨부파일
본문
아래와 같이 수정했습니다.
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>
추천
2
2
댓글 8개
감사합니다.
good!!!
감사합니다.
감사합니다~..
감사합니다
모바일 웹 부럽네요..
옆에 사이드 메뉴 소스는 공개 부탁 드려용...
옆에 사이드 메뉴 소스는 공개 부탁 드려용...
해당파일의 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>
<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>