jquery - 中心 3 div 制作幻灯片

Question

我正在使用 twitter bootstrap，我想制作几张图片的幻灯片:

我已经设法使用以下代码在模态 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>

我得到的结果是这样的:

我怎样才能达到这样的效果？我的意思是将主照片和左右按钮居中？

Answer 1

在 prev 和 next 箭头上使用绝对位置应该可以解决问题

here is an example

CSS:

#stanga img{
margin : 30px;
}

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

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