可左右控制帶縮略圖自動滾動焦點圖

======================================

html部分

<div id="picslide">

    <ul id="picslidelist">

      <li class="picfirst"><a href="#" target="_blank"><img width="800" height="300" alt="" src="#"></a>

        <div class="picslidedetail">

          <h2>标題一</h2>

          <p>描述文本</p>

        </div>

      </li>

          <h2>标題二</h2>

      <li class="picfirst"><a href="#" target="_blank"><img width="800" height="300" alt="" src="#"></a>

          <h2>标題三</h2>

     <li class="picfirst"><a href="#" target="_blank"><img width="800" height="300" alt="" src="#"></a>

          <h2>标題四</h2>

    </ul>

    <div id="picslideNav">

      <ul class="clearfix">

        <li class="picslideprev">上一個</li>

                <li class="trigger"><a href="javascript:void(0)"><img width="58" height="58" src="#"></a></li>

                <li class="trigger"><a href="javascript:void(0)"><img width="58" height="58" src="#"></a></li>

<li class="trigger"><a href="javascript:void(0)"><img width="58" height="58" src="#"></a></li>

                <li class="picslidenext">下一個</li>

      </ul>

    </div>

    <div id="picslidebg"></div>

  </div>