prettyphotoライトボックスXや閉じるボタンをどのように右上に移動しますか？

Question

prettyphotoライトボックスで、Xまたは閉じるボタンをどのように右上に移動しますか？

Answer 1

the documentationを読み終えたら、パラメーターを作成するときにパラメーターのmarkupプロパティを書き直す必要があるようです。

ここでHTMLを取り出し、好きなものに書き換えます。

<script type="text/javascript" charset="utf-8"> 

    $(document).ready(function(){ 
     $("a[rel^='prettyPhoto']").prettyPhoto({ // the default markup follows 
      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> \ 
              <p class="pp_description"></p> \ 
              {pp_social} \ 
              <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>' 
     }); 
    }); 
</script> 

Answer 2

prettyPhotoの使い方によっては、CSSを編集することで、あなたが探しているものを達成することができます。

EX：

これは、この閉じるボタンの位置を調整し、トップ

.pp_details{ 
    position: absolute; 
} 

に詳細を移動します。

a.pp_close { 
    top: -12px; 
}