Как использовать плагин PrettyPhoto без области сведений? - PullRequest
Новая
       32

Как использовать плагин PrettyPhoto без области сведений?

0 голосов
/ 08 марта 2011

Я использовал плагин PrettyPhoto и по какой-то причине не могу отключить детали, которые он выдает.

Как мне избавиться от деталей, которые показывают 1/2 под видео?

Я попытался просмотреть документацию, и ничто из того, что я видел, не показывает, как это скрыть.

Я попробовал это в моем CSS: 

.pp_nav{display:none;}

но безрезультатно!

Ответы [ 4 ]

3 голосов
/ 14 февраля 2013

У меня была такая же проблема. После применения правил CSS, чтобы скрыть блок «детали», область основного содержимого остается той же высоты. Это из-за этой строки: 

pp_contentHeight = height + detailsHeight;

в файле jquery.prettyPhoto.js.

Если мы удалим «+ detailsHeight», высота основной области содержимого будет иметь нормальную высоту, как и без блока «details».

1 голос
/ 04 июля 2012

У меня тоже была похожая проблема.Мое решение заключалось в том, чтобы изменить разметку!

Найти и удалить: 

<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>',
});
1 голос
/ 08 марта 2011

Вы можете попробовать установить этот CSS: 

.currentTextHolder {
  display:none;
}

Это скроет элемент .currentTextHolder.

0 голосов
/ 06 марта 2015

я удаляю следующее: detailsHeight + = $ pp_details.height (); detailsHeight = detailsHeight <= 34? 36: detailsHeight; $ pp_details.remove (); </p>

в .js, и это работает.у меня есть небольшое поле margin-bottom и margin-top left, но с его исчезновением проблем не было

...