我一直在使用PrettyPhoto插件,由于某种原因,我无法禁用它产生的详细信息。
如何摆脱视频下显示1/2的细节?
我试着查看文档,我看到的没有显示如何隐藏它。
我在我的css中试过这个:
.pp_nav{display:none;}
但无济于事!
答案 0 :(得分:3)
我遇到了同样的问题。 应用CSS规则隐藏“细节”块后,主要内容区域保持相同的高度。 这是因为这一行:
pp_contentHeight = height + detailsHeight;
在jquery.prettyPhoto.js文件中。
如果我们删除“+ detailsHeight”,主内容区域高度将具有正常高度,因为它应该没有“details”块。
答案 1 :(得分:1)
您可以尝试设置此CSS:
.currentTextHolder {
display:none;
}
这将隐藏.currentTextHolder
元素。
答案 2 :(得分:1)
我也有类似的问题。我的解决方案是改变标记!
查找&删除:强>
<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>',
});
答案 3 :(得分:0)
我删除以下内容: detailsHeight + = $ pp_details.height(); detailsHeight = detailsHeight&LT; = 34 36:?detailsHeight; $ pp_details.remove();
<。>在.js中,它的工作原理。 我有一个小的边缘底部和边缘顶部左边,但淡出它没有问题