2013-10-08 60 views
0

在我漂亮的照片中,縮略圖疊加顯示在大圖像上方。我想在大圖像下方顯示縮略圖圖片。我可以實現這一點,任何一個幫助嗎?下面我將兩個圖片。如何更改prettyphoto縮略圖風格

My Image

Need to Like This

+0

多遠你有試過嗎?你需要改變CSS。 –

+1

這是一個CSS問題 - 易於修復。在第134行的PrettyPhoto CSS文件中(假設你使用的是普通的CSS文件),你可以改變'.pp_gallery'的'margin-top'屬性。如果你會發布你的代碼,我們可以幫助得到最終答案。 –

回答

1

嘗試你的CSS改變的指引下,可能會爲你

.pp_gallery { 
      display: none; 
      left: 50%; 
      margin-top: 0px; 
      position: absolute; 
      z-index: 10000; 
     } 
    div.pp_default .pp_content_container .pp_details { 
      margin-top: 30px; 
    } 

工作進行縮略圖 CSS

.pp_gallery { 
      display: block; 
      left: 50%; 
      margin-top: 0px; 
      position: absolute; 
      z-index: 10000; 
     } 

在JS

註釋掉這一行

function(){ 
    //$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn(); 
}, 
function(){ 
    //$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut(); 
}); 
+0

yes.its working ..but問題是大圖像保持不變,我需要改變大圖像的高度,是否有可能,然後我需要改變哪個類..? – Arun

+0

使用firebug for firefox比你可以在飛行中編輯它,並進行更改並看到它。 –

+0

其okey ..現在的縮略圖只顯示鼠標懸停,我們可以始終顯示縮略圖。 – Arun