Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/287.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何实现滑块并替换覆盖对象的静态图像_Php_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Php 如何实现滑块并替换覆盖对象的静态图像,php,javascript,jquery,html,css,Php,Javascript,Jquery,Html,Css,好的,我的网站是instant-legaladvice.co.uk,我想整理的页面是/conductioning.php。如您所见,页面顶部(房屋)有一个静态图像 我想把它变成一个旋转滑块,但我真的不知道如何实现这一点。。。由于“蓝色物业转易箱”/查询表重叠,需要放在顶部(与静态图像一样) 现在看起来是这样的 <section id="contentInner"> <article class="conveyancing"><!-- content sectio

好的,我的网站是instant-legaladvice.co.uk,我想整理的页面是/conductioning.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>

但我不想要静止的图像,我想要旋转的

快速谷歌搜索,你就有答案了

#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;
}