精彩弹出窗口：不显示滚动图标

Question

我正在创建一个网站，我使用放大弹出窗口只是为了放大我在一个部分中的图像。我可以点击每一张图片，它就起作用了。问题是，帮助查看其他图像的滚动图标没有出现。

在这里，你可以找到一部分相关的htl页面的js代码：

<div class="row no-bord">
<div class="col-md-3 pic">
<div class="img-seletion">
<a href="img/work_section/coaching-coders-coding-7374.jpg" title="pic1">
<img src="img/work_section/coaching-coders-coding-7374.jpg" alt="pic1" class="img-responsive">
</a>
</div>
</div>
<div class="col-md-3 pic">
<div class="img-seletion">
<a href="img/work_section/adult-business-coding-1181677.jpg" title="pic2">
<img src="img/work_section/adult-business-coding-1181677.jpg" alt="pic1" class="img-responsive">
</a>
</div>
</div>
</div>

js代码：

$(function(){
$(".no-bord").magnificPopup({
delegate: 'a', type: 'image'
});
});

Answer 1

将其添加到您的css 中

.popup{
cursor:zoom-in;
}

Answer 2

try:

<div class="row no-bord">
<div class="col-md-3 pic">
<div class="img-seletion">
<a href="img/work_section/coaching-coders-coding-7374.jpg" title="pic1" class='popup'>
<img src="img/work_section/coaching-coders-coding-7374.jpg" alt="pic1" class="img-responsive">
</a>
</div>
</div>
<div class="col-md-3 pic">
<div class="img-seletion">
<a href="img/work_section/adult-business-coding-1181677.jpg" title="pic2" class='popup'>
<img src="img/work_section/adult-business-coding-1181677.jpg" alt="pic1" class="img-responsive">
</a>
</div>
</div>
</div>
$(function(){
$(".popup").magnificPopup({
delegate: 'a', type: 'image'
});
});

如果不起作用，请告诉我。