Fancybox-在链接中声明大小

Question

由于系统的原因，我必须在模板中构建站点是非常严格的，因此我没有太多控制权。

我的问题是：

fancybox是否可以在链接中设置宽度和高度？

例如

<a href="iframelocation" class="fancybox 480 320">Click here"</a>

提前致谢。

聚苯乙烯

Answer 1

您可以将值存储在data- attribute中。 （假设您使用的是jQuery 1.4.3或更高版本）

<a href="iframelocation" class="fancybox" data-width="480" data-height="320">Click here"</a>

$("a.fancybox").each(function(){
   var $a = $(this);
   var h = $a.data("height")
   var w = $a.data("width");
   $a.fancybox({
            'width' : w, 
            'height': h
   });
});

Answer 2

我建议使用HTML5 data-*属性 。

<a href="iframelocation" class="fancybox" data-width="480" data-height="320">Click here"</a>