bxslider 이미지 원본 사이즈대로 가운데 정렬

jquery.bxslider.css 부분에

 

bx-wrapper img{

   max-width:100%  ==> 이 부분을 주석처리한후

}

 

*--------------------------------------------------------

*   스타일 영역

*--------------------------------------------------------

.slider > li{ overflow:hidden; position:relative; }

.slider > li > img{ 

                     position:absolute; 

                     left:50%; 

                     margin-left:원본 이미지 가로 사이즈의 반만큼 이동; 

                   }

 

<ul class="slider">

     <li><img src="1.jpg"></li>

     <li><img src="1.jpg"></li>

     <li><img src="1.jpg"></li>

</ul>

 

 

혹시 도움이 되셨다면 공감 부탁드립니다. ^__^