Blog Content

jQuery image Gallery jQuery 를 이용한 이미지 갤러리 일단 디자인은 없이 그냥 내키는대로 했다.CSS는 알아서 입히시길 바랍니다.(살짝 디자인을 할것을 그랬나...) 이전 다음 * {margin:0; padding:0; list-style: none;} .slider-wrap {margin:100px auto; width:600px; border:1px solid #ccc;} /* 이미지 */ .img-box {width:400px; margin:20px auto; height:250px; overflow:hidden; font-size:0; border:2px solid orchid;} .img-box img {width:100%; height:100%;} /* 버튼 */ .sma..

jQuery Images Gallery 이번 포스팅에서는 이미지 갤러리를 만들어볼까 합니다.쇼핑몰이나 이런곳에서 자주 등장하는 이미지 갤러리 인데요. 자 진행하기에 앞서 이미지를 3장 저는 준비 했는데요이미지 갤러리이다 보니 이미지는 필수 겠죠? 저는 한효주씨를 모델로 jQuery Gallery를 만들어 보았는데요.생각보다 어렵지 않습니다. See the Pen JpKmMR by uicode (@uicode) on CodePen. 네 상단의 코드를 보시면 .. 원래는 RESULT 부분에 결과값이 나오게 되어있는데요이부분이 사정없이 깨지는 모습을 볼 수 있을거에요^^ 왜냐면... 제가 이미지를 담아야 하는 공간이 없기 때문에저 부분은 직접 이미지를 만들어서 넣어보시기 바랍니다. 아래는 제가 만든 이미지 갤..