0

我有一个脚本可以为我重新调整图像大小并使用它来提供图像：

http://mysite.com/createthumb.php?filename=mypic.jpg

Fancybox 将使用以下链接提供上述图像：

<a href='createthumb.php?filename=mypic.jpg' class='fancybox' rel='lightbox[pics]' title=':: [ ]'><span></span><img src='createthumb.php?filename=mypic.jpg' alt='Loading...' /></a>

但是我需要通过传递参数“size”来重新调整它的大小，使其大小与默认大小不同：

http://mysite.com/createthumb.php?filename=mypic.jpg&size=2000

但是当我将fancybox链接更改为以下内容时：

<a href='createthumb.php?filename=mypic.jpg&size=2000' class='fancybox' rel='lightbox[pics]' title=':: [ ]'><span></span><img src='createthumb.php?filename=mypic.jpg' alt='Loading...' /></a>

现在，fancybox 阻塞，链接只是作为没有任何灯箱的图像提供。即使我更改代码以使其甚至不查看大小参数也是如此。换句话说，只是将“&size=2000”添加到我的链接末尾似乎会使fancybox 完全失去平衡。

关于为什么会这样或我如何解决这个问题的任何想法？

4

2 回答 2

3

该脚本无法通过查看您的链接来猜测内容类型。您有 3 个选项：

1）通过在末尾附加图像扩展名来更改链接，以便脚本可以检测到 -

<a href='createthumb.php?size=2000&filename=mypic.jpg' class='fancybox' ..

2) 使用 CSS 类名来指定内容类型 -

<a href='..' class='fancybox fancybox.image' ..

3) 初始化时设置类型 -

$(".fancybox").fancybox({type : 'image'});
于 2012-11-06T08:27:10.100 回答
0

看起来 fancybox 正在检查 URL 的结尾以确定它是否是图像。将您的网址更改为createthumb.php?size=2000&filename=mypic.jpg

https://github.com/fancyapps/fancyBox/blob/master/source/jquery.fancybox.js （第767行）

于 2012-11-05T23:19:10.150 回答