Question

我正在使用漂亮的画廊幻灯片放映该项目。我使用一个图像+一个链接，而不是一个组。所以我不需要在弹出图像上显示“下一个”和“上一个”按钮。

这是我的site.master中的代码：

$('.promotion').attr('rel', 'prettyPhoto[gallery2]');

这是我的用户控制：

<div style="float:left; border:0px!important" id="gallery-block">
<div class="gallery clearfix"> 
<a class="promotion" href="Picturename.jpg">     
<img id="medium-image" src="Picturename.jpg" alt="Product Specification" 
    width="230" />
</a>
</div>
</div>

有人可以分享我，如何禁用漂亮照片库中的下一个和上一个按钮？

Answer 1

将其添加到主题选项中的自定义CSS字段：

.pp_nav { display: none !important; }

Answer 2

在你的jquery.prettyPhoto.js文件中你可以注释掉：

$ prettyPhoto.changePage（ '前'）;和$ .prettyPhoto.changePage（'next'）;

Answer 3

根据您使用的版本，检查页面并提取上一个/下一个按钮类并像这样隐藏它们：

    <style>
    /*  disable next/prev buttons */
    .pp_next {
        display: none !important;
    }

    .pp_previous {
        display: none !important;
    }
    </style>

对我来说按钮类是 pp_next 和 pp_previous

禁用jquery的prettyPhoto库中的下一个上一个按钮

3 个答案: