花式框調整圖像

Question

<li><a href="image-files/chinese-garden-cs01.jpg"> 
<img alt="Chinese Garden" src="image-files/chinese-garden-cs01.jpg" width="400" height="300" /> 
<p> Daphnie had a piece of waste ground </p></a></li> 

考慮列表中的以下項目。當我點擊該項目時，圖像在一個奇特的框中打開， 但是它的大小保持不變。我想增加圖像的大小。要像600px的我已經使用下面的代碼試過，但沒有任何工程

'autoDimension': false, 
    'width': 600, 
    'height': 600  

---

'autoScale': false, 
    'width': 600, 
    'height': 600 

任何想法..........

的鏈接是：http://note-builder.com/gig/new%20proline/case-studies.php

這裏是工作提琴..

http://jsfiddle.net/vwake/GZhLy/6/

http://jsfiddle.net/vwake/GZhLy/6/

Answer 1

嘗試使用fancybox的屬性onStart。它需要一個回調，當fancybox開始加載時將執行該回調。隨着這個你應該確保的fancybox尺寸不夠好，包括隨高度的圖像/寬度600試試這個

 onStart: function(){ 
      $(「img」).attr({ 
       width : 600, 
      }).removeAttr(‘height’); 
     },