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

Question

好的，我的网站是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;
}

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

Answer 1

快速谷歌搜索，你有你的答案。

http://www.htmlgoodies.com/beyond/javascript/article.php/3881826