CSS가 OpenCarousel을 사용하여 중앙에서 이미지를 정렬하지 않음

Question

JQuery OpenCarousel을 사용하여 웹 페이지에 일부 이미지를 표시하고 있지만 이미지가 회전식 슬라이드의 너비만큼 넓지 않은 경우 중심에서 정렬하려고합니다. 이미지가 회전 장치 밖으로 나올 때 이미지를 정렬 할 수 있습니다. 이미지가 회전 장치 안에있을 때만 이미지를 정렬 할 수 있습니다. 캐 러셀을 표시하려면이 코드를 사용 :

<div class="RoundRow ocarousel"> 
    <div class="ocarousel_window"> 
     <div style="width: 850px;"><img style="margin:0 auto;display: block;" src="./images/Carousel/Slide1.jpg" /></div> 
     <div style="width: 850px;"><img style="margin:0 auto;display: block;" src="./images/Carousel/Slide2.jpg" /></div> 
    </div> 
</div> 

JQuery와 OpenCarousel - https://github.com/justinmc/jQuery-Open-Carousel

내 웹 페이지 - http://joshblease.co.uk/Apartments/

Answer 1

귀하의 img 요소가 openCarousel.css (라인 34)에 규칙에서 float: left 상속합니다.

<div class="RoundRow ocarousel"> 
    <div class="ocarousel_window"> 
     <div style="width: 850px;"><img style="float: none;margin:0 auto;display: block;" src="./images/Carousel/Slide1.jpg" /></div> 
     <div style="width: 850px;"><img style="float: none;margin:0 auto;display: block;" src="./images/Carousel/Slide2.jpg" /></div> 
    </div> 
</div> 

:

올바르게 이미지의 중심을하려면 플로트를 재설정해야