花式框调整图像

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’); 
     },