如何在没有详细信息区域的情况下使用PrettyPhoto插件?

时间:2011-03-08 17:54:48

标签: jquery jquery-plugins lightbox

我一直在使用PrettyPhoto插件,由于某种原因,我无法禁用它产生的详细信息。

如何摆脱视频下显示1/2的细节?

我试着查看文档,我看到的没有显示如何隐藏它。

我在我的css中试过这个:

.pp_nav{display:none;}

但无济于事!

4 个答案:

答案 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">&nbsp;</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中,它的工作原理。 我有一个小的边缘底部和边缘顶部左边,但淡出它没有问题