jQuery를 이용한 롤링(가로롤링) | Client Side

jQuery이용 이미지 슬라이드.


엄청 옛날에 만든거라..허접탱이...


jquery.rolling_.zip



스타일



div.gallery_rolling {position:relative; margin:0 0 0 8px; width:778px; height:130px;}
/** 화살표 **/
div.gallery_rolling .arrow_prev {position:absolute;top:10px; left:45px;width:15px;height:35px;cursor:pointer;}
div.gallery_rolling .arrow_next {position:absolute;top:10px;left:699px;width:15px;height:35px;cursor:pointer;}
/** 롤링박스 **/
div.gallery_rolling div.carrousel_box {position:absolute;top:0px;left:80px;overflow:hidden;width:600px;height:130px;}
div.gallery_rolling li {float:left; width:120px; height:120px;}
div.gallery_rolling li div.img_box {margin:5px 5px 5px; width:106px; height:106px;}
div.gallery_rolling li div.img_box img {width:100%; height:100%;}



스크립트


$("div.gallery_rolling").gallery_rolling();

html


<div class="gallery_rolling">
	<span class="arrow_prev"> > </span>
	<span class="arrow_next"> < </span>
	<div class="carrousel_box">
		<ul>
			<li>
				<div class="img_box"><img src=""></div>
			</li>
		</ul>
	</div>
</div>


jquery,rolling
Comment Write
Comment List
등록된 코멘트가 없습니다.