关于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; 
}