javascript - 滑滑的 slider 图像导航到定义的 href =""以外的页面

Question

这是我的页面:http://www.candoor.ca/index-1.html我使用的 slider 是滑动 slider 。可在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，它会工作正常试试这个:

<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>