滑动滑块图像导航到除定义的href =“”之外的页面

Question

这是我的页面：http://www.candoor.ca/index-1.html 我使用的滑块是滑动滑块。可以在http://slippry.com

下载

如果我点击横幅图片，它会加载关于我们页面，而在HTML格式中我就是这样：

<ul id="slippry-demo">
  <li>
    <a href="/cat_name/Commercial-Garage-Doors.aspx">
      <img src="img/commercial-industrial-doors.jpg" alt="Commercial and Industrial Doors">
    </a>
  </li>
  <li>
    <a href="/cat_name/Loading-Dock-Products.aspx">
      <img src="img/loading-dock-products.jpg" alt="Loading Dock Products and Equipment">
    </a>
  </li>
  <li>
    <a href="/cat_name/Roll-Up-Shutters.aspx">
      <img src="img/grilles-shutters.jpg" alt="Shutters and Grilles">
    </a>
  </li>
  <li>
    <a href="/cat_name/Residential-Garage-Doors.aspx">
      <img src="img/residential-garage-doors.jpg" alt="Residential Garage Doors">
    </a>
  </li>
  <li>
    <a href="/cat_name/Commercial-Door-Operators.aspx">
      <img src="img/garage-gate-operators.jpg" alt="Commercial Operators, Garage and Gate Openers">
    </a>
  </li>
  <li>
    <a href="/about-candoor.aspx">
      <img src="img/authorized-distributor.jpg" alt="Authorized Distributor">
    </a>
  </li>
</ul>

Answer 1

没有你添加的空div它会正常工作试试这个：

＆＃13;

＆＃13;

<ul id="slippry-demo">
<li>
<a href="/cat_name/Commercial-Garage-Doors.aspx" ><img src="img/commercial-industrial-doors.jpg" alt="Commercial and Industrial Doors"></a>

</li>
<li>
<a href="/cat_name/Loading-Dock-Products.aspx" ><img src="img/loading-dock-products.jpg" alt="Loading Dock Products and Equipment"></a>

</li>
<li>
<a href="/cat_name/Roll-Up-Shutters.aspx" ><img src="img/grilles-shutters.jpg" alt="Shutters and Grilles"></a>

</li>
<li>
<a href="/cat_name/Residential-Garage-Doors.aspx"><img src="img/residential-garage-doors.jpg" alt="Residential Garage Doors"></a>

</li>
<li>
<a href="/cat_name/Commercial-Door-Operators.aspx" ><img src="img/garage-gate-operators.jpg" alt="Commercial Operators, Garage and Gate Openers"></a>

</li>
<li>
<a href="/about-candoor.aspx" ><img src="img/authorized-distributor.jpg" alt="Authorized Distributor"></a>

</li>
</ul>

＆＃13;

＆＃13;

＆＃13;