Jquery & CSS 위치 절대 센터

Question

내 이미지에 약간의 문제가 있습니다. 그 사실 jquery 슬라이드 쇼. 이미지의 위치는

이

나

#slideshow IMG { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:8; 
    opacity:0.0; 
    width:100%; 
    text-align:center; 
} 

근무했지만 폭을 100 %로이 사업부의 이미지를 100 % 수 ... 그들을 센터에 까다로운했다있는 절대 그것의 내부. 일부 이미지는 다른 이미지보다 얇아서 단지 중심에있는 이미지를 원합니다. 너비가 100 %이면 얇은 이미지가 펼쳐집니다. 여기

는 HTML

<div class="contentImages"> 

<div id="slideshow"> 

<img src="upload/<?php echo $array['image'] ?>" height="200" class="active" /> 

<img src="upload/<?php echo $array['image2'] ?>" height="200" /> 

<img src="upload/<?php echo $array['image3'] ?>" height="200" /> 

</div></div> 

와 나는 슬라이드 쇼 DIV에 텍스트를 맞 춥니 다 적용하려고했습니다

#slideshow { 
    position:relative; 
    height:200px; 
    overflow:hidden; 
    float:left; 
    width:250px; 
} 

.contentImages{ 
    border:1px solid #CCC; 
    padding:10px; 
    margin:20px auto 0; 
    position:relative; 
    width:750px; 
    overflow:hidden; 
} 

는 CSS의 나머지이지만, 그 아무 짓도 안 했어요 그리고 심지어 슬라이드 쇼 div를 절대 위치와 텍스트 정렬 센터로 설정하려고 시도했지만 (100 % 또는 250px 너비의 유무에 관계없이) 작업하지 않으면 이미지의 10 % 만 보여 주며 중도하지 않는다.

짧은 이야기로, 얇은 이미지를 늘리지 않고 이미지를 가운데에 배치하려면 어떻게해야합니까?

나는 이것이 의미가 있기를 바랍니다.

감사합니다.

는 ----이 코드

$(window).bind('load', function() { 
    var img_width = $("#slideshow img").width(); 
    $("#slideshow img").css("width", img_width); 
    alert(img_width); 
}); 

를 사용하여 jQuery를 패주가는 시도했습니다 -----

을 추가하지만 경고에도, 이미지의 모든 255을 반환 얇은 이미지. 내가 너무

#slideshow IMG { 
    position:absolute; 
    top:0; 
    z-index:8; 
    opacity:0.0; 
    text-align:center; 
} 

Answer 1

을 시도 내 CSS를 조정

#slideshow img{ 
    ... 
    left: 50%; 
    margin-left: -/*half the width of the image in pixels*/; (-85px) 
    ... 
} 

Answer 2

조의 대답은 트릭이지만 browserscreen하는 경우 작동하지 않기 때문에 당신이해야 이미지의 폭보다 작다 http://d-graff.de/fricca/center.html

절대적으로 센터링을 해결하는 것은 속임수이지만 조의 기술을 사용하지만 약간 향상되었습니다.

이처럼 사용 :

---

편집

은 코멘트에 대답

<div id="distance"></div> 
<img src="img/some-img.png" alt="some alt"> 

을 그리고 당신은 웹 사이트의 broncode에서 (의견)을 CSS를 찾을 수 있습니다.