这是我的页面: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>
最佳答案
如果没有你添加的空 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>
关于javascript - 滑滑的 slider 图像导航到定义的 href =""以外的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26731666/