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/

Answer 1

尝试使用fancybox的onStart属性。它需要一个回调，它将在fancybox开始加载时执行。除此之外，你应该确保fancybox尺寸足以将图像与高度/宽度600合并。试试这个

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

花式框调整大小图像

1 个答案: