Jquery 将3个div居中以制作幻灯片

我正在使用twitter引导，我想制作一些图片的幻灯片：

我已使用以下代码在modal div中显示了所需的图像：

<div id="imgContainer" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
  <div id="stanga" style="height:100%;">
    <img src="./img/stanga.png" style="padding-top:50%;position:absolute;">
  </div>
  <div id="pozica">
    <img src="./lucrari/BRD1.png">
  </div>
  <div id="dreapta" style="float:right;">
    <img src="./img/dreapta.png">
  </div>
</div>

我得到的结果是这样的：

我怎样才能得到这样的东西？我是说把主照片和左右按钮放在中间

---

尝试CSS3动画，每次更改背景（CSS关键帧）。JQuery还提供了创建幻灯片的解决方案。

尝试CSS3动画，每次更改背景（CSS关键帧）。JQuery还提供了创建幻灯片的解决方案。

css代码：

.modal hide fade in{
position:relative;
}
#stanga , #pozica , #dreapta{
position:absolute;
left:50%;
right:50%;
top:50%;
bottom:50%;
}

对于下一个和上一个按钮，您可以使用：

#nxt{
float:right;
z-index:100
}
#prv{
float:left;
z-index:100
}

css代码：

.modal hide fade in{
position:relative;
}
#stanga , #pozica , #dreapta{
position:absolute;
left:50%;
right:50%;
top:50%;
bottom:50%;
}

对于下一个和上一个按钮，您可以使用：

#nxt{
float:right;
z-index:100
}
#prv{
float:left;
z-index:100
}

---

在上一个和下一个箭头上使用绝对位置应该可以做到这一点

CSS:

#stanga img{
margin : 30px;
}

#pozica,#dreapta{
  position: absolute;
  top: 110px
}

#dreapta{
    right: 5px;
}
#pozica{
    left: 5px;
}

---

在上一个和下一个箭头上使用绝对位置应该可以做到这一点

CSS:

#stanga img{
margin : 30px;
}

#pozica,#dreapta{
  position: absolute;
  top: 110px
}

#dreapta{
    right: 5px;
}
#pozica{
    left: 5px;
}

---

在这种情况下，这个项目有一些特殊性，从零开始实现某种东西最适合我。juqery slideshow并没有我想要的那么灵活。谢谢你的提示，这个项目有一些特殊之处，从头开始实现最适合我。juqery幻灯片放映没有我希望的那么灵活。感谢提示Tough没有工作图像不在屏幕上，按钮的位置相同。thaks for your answer不起作用图像不在屏幕上，按钮的位置相同。thaks为您解答为什么不使用默认的TB转盘？为什么不使用默认的TB转盘？