我一直在使用PrettyPhoto插件,出于某种原因,我无法禁用它生成的细节。如何在没有详细信息区域的情况下使用PrettyPhoto插件?
如何摆脱视频下显示1/2的细节?
我试着查看文档,没有看到如何隐藏该文档。
我在我的CSS尝试这样做:
.pp_nav{display:none;}
却无济于事!
我一直在使用PrettyPhoto插件,出于某种原因,我无法禁用它生成的细节。如何在没有详细信息区域的情况下使用PrettyPhoto插件?
如何摆脱视频下显示1/2的细节?
我试着查看文档,没有看到如何隐藏该文档。
我在我的CSS尝试这样做:
.pp_nav{display:none;}
却无济于事!
你可以尝试设置这个CSS:
.currentTextHolder {
display:none;
}
,将隐藏的.currentTextHolder
元素。
我也有类似的问题。我的解决方案是改变标记!
查找&删除:
<p class="pp_description"></p> \
我使用了以下内容:
$("a[rel^='prettyPhoto']").prettyPhoto({
show_title: false,
markup: '<div class="pp_pic_holder"> \
<div class="ppt"> </div> \
<div class="pp_top"> \
<div class="pp_left"></div> \
<div class="pp_middle"></div> \
<div class="pp_right"></div> \
</div> \
<div class="pp_content_container"> \
<div class="pp_left"> \
<div class="pp_right"> \
<div class="pp_content"> \
<div class="pp_loaderIcon"></div> \
<div class="pp_fade"> \
<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
<div class="pp_hoverContainer"> \
<a class="pp_next" href="#">next</a> \
<a class="pp_previous" href="#">previous</a> \
</div> \
<div id="pp_full_res"></div> \
<div class="pp_details"> \
<div class="pp_nav"> \
<a href="#" class="pp_arrow_previous">Previous</a> \
<p class="currentTextHolder">0/0</p> \
<a href="#" class="pp_arrow_next">Next</a> \
</div> \
<a class="pp_close" href="#">Close</a> \
</div> \
</div> \
</div> \
</div> \
</div> \
</div> \
<div class="pp_bottom"> \
<div class="pp_left"></div> \
<div class="pp_middle"></div> \
<div class="pp_right"></div> \
</div> \
</div> \
<div class="pp_overlay"></div>',
});
我有同样的问题。 应用CSS规则隐藏“细节”块后,主要内容区域保持相同高度。 这是因为这行:
pp_contentHeight = height + detailsHeight;
在jquery.prettyPhoto.js文件
。
如果我们删除“+ detailsHeight”,主要内容区域高度将具有正常高度,因为它应该没有“详细信息”区块。
我删除以下内容: detailsHeight + = $ pp_details.height(); detailsHeight = detailsHeight < = 34?36:detailsHeight; $ pp_details.remove();
在.js中,它的工作原理。 我有一个小幅底部和边缘左上角,但淡出是没有问题的