在jquery循环中集中对齐图像

Question

我正在使用jquery循环翻转一些图像，但图像左对齐而不是div的中心。但是，一旦删除了jquery代码，图像就会集中对齐，我只是不知道jquery代码的哪一部分强制它离开了？有关演示

，请参阅http://jsfiddle.net/ZdLDD/4/

我想将图像放在绿色框的中间，这样左右两边的空间就是

<div id="samples">
                <ul id="sssnav">
                  <li id="sprev"><a href="#">Previous</a></li>
                  <li id="snext"><a href="#">Next</a></li>
                </ul>

                <ul id="sslides">
                  <li><img src="http://i45.tinypic.com/33wl55t.jpg" alt="" /><div id="samplestext">text</div></li>
                  <li><img src="http://i45.tinypic.com/33wl55t.jpg" alt="" /></li>
                </ul>
            </div>