네이버 앱스토어 스크린샷 같은 제이쿼리가 있을까요 ?
본문
http://nstore.naver.com/appstore/web/detail.nhn?productNo=999901
해당 URL에서 보시면 스크린샷이라는 곳에
이미지가 가로로 배열되어 있고, 아래쪽으로는 스크롤이 생겨서 해당 부분내에서 이미지들이 보여지게 됩니다.
CSS에 너무 취약한 나머지
이런 형태의 소스가 있다면 게시판 내에 첨부파일들을 출력되게 하고 싶은데...
자바스크립트나, 제이쿼리, CSS등 ...
참고할 만한곳이 어디 없을까요 ? ㅠ
답변 2
레스트님 질문에 답글을 다 다네요 ㅎㅎ
아래 소스는 급하게 만들어 본거니 참조만 하시고 이걸 토대로 잘 활용하시면 될것도 같습니다 ^^
<style>
#img_box{
padding:0; width:600px; height:470px; overflow-y:hidden; overflow-x:scroll; border:3px solid brown;
}
#img_box2{
padding:0; width:1600px;
}
#img_box li
{
float:left; display: inline-block;
}
</style>
<div id="img_box">
<div id="img_box2">
<ul>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603888064.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603888064.png%22&type=m270_450" alt="" /></li>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603893251.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603893251.png%22&type=m270_450" alt="" /></li>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603900346.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603900346.png%22&type=m270_450" alt="" /></li>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603906935.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603906935.png%22&type=m270_450" alt="" /></li>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603911200.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603911200.png%22&type=m270_450" alt="" /></li>
<li>
<img src="http://appdev.img.naver.com/appImg/23561_2/23561_1373603915383.png%22&type=m270_450">http://dthumb.phinf.naver.net/?src=%22http://appdev.img.naver.com/appImg/23561_2/23561_1373603915383.png%22&type=m270_450" alt="" /></li>
</ul>
</div>
</div>
감사합니다 ㅠㅠ
음...어디서 본것 같은데..
혹 찾아봐서 맞으면 알려드릴께요..
감사합니다. ^^