關於prettyphoto燈箱你如何將X或關閉按鈕移動到右上方？

Question

在漂亮的照片燈箱上，你如何將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; 
}