Question

当用户点击使用bxSlider生成的幻灯片图片时，我想创建指向我网站中网页的链接（这在其他方面非常出色）

可以这样做吗？怎么样？感谢

Answer 1

我使用这样的东西：

<li>
  <div class="item-img2">
    <a style="background-image: url('picture.jpg');"  href="http://www.google.com"></a>
  </div>
</li>

在CSS中

.item-img2 {
width:980px;
height:500px;
}

.item-img2 a {
display:block;
overflow:hidden;
width:980px;
height:500px;
background-position:center center;
background-repeat:no-repeat; 
}

Answer 2

只需添加一个href ...例如：

<ul class="bxslider">
<li><a href="http://www.google.com"><img src="images/slide001.jpg"/></a></li>
<li><a href="http://www.google.com"><img src="images/slide002.jpg"/></a></li>
</ul>

我可以从bxslider中的幻灯片创建页面链接

2 个答案: