如何实现滑块并替换覆盖对象的静态图像

好的，我的网站 instant-legaladvice.co.uk，我想整理的页面是/conveyancing.php。如您所见，该页面在（房屋的）顶部有一个静态图像。

我很想把它变成一个旋转滑块，但真的不确定如何实现这个......由于"蓝色产权转让箱"/查询表格重叠，需要坐在顶部（就像静态图像一样）

目前它看起来像这样...

<section id="contentInner">
  <article class="conveyancing"><!-- content section -->
    <aside class="leaseExLeft">
      <aside class="newthird">
        <h3 class="red allcolor"><b>Conveyancing</b></h3>
        <aside class="text-block">
          <h5 class="colorwill"><b>From Just £75 + VAT</b></h5>
          <aside class="newthirdMenu">
            <ul>
              <li>Special Low Fixed Fees</a></li>
              <li>Fast Service</a></li>
              <li>Solicitor's Advice</a></li>
            </ul>
          </aside>
        </aside>
        <aside class="image-block"> <img alt="Conveyancing Block Image - Photo of Roof and Money Low cost service" img src="image/conveyancing_icon_alt.gif"  width="125px" height="138px" alt="featured"> </aside>
      </aside>
    </aside>

在 CSS 中：

#contentInner{ 
    width:982px;
    height:auto;
    float:left;
    background:#fff;
    padding:10px 15px 10px 3px;
}
.conveyancing{
    float:left;
    width:100%;
    padding-top:30px;
    background: url(../image/conveyancing.jpg);
    background-repeat:no-repeat; height:257px;
}

但我不想要静态图像，我想要旋转图像！