모바일웹에 괜찮은 이미지 슬라이더
모바일웹에 괜찮은 이미지 슬라이더입니다.
아래와 같이 수정했습니다.
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>
아래와 같이 수정했습니다.
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개
옆에 사이드 메뉴 소스는 공개 부탁 드려용...
<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>