fancybox - jQuery 库包

Question

如何使用 Jquery 库或如何使用 JQuery 使用花式框。

Answer 1

通常来说，一般来说...

大多数 jQuery 插件仅通过在 jQuery 源代码之后引用插件源文件，然后在选择器上调用插件方法来使用：

$("a.something").plugin();

这会因插件而异，因此请务必查阅相关文档。一些插件将接受 JSON 形式的参数：

$("a.something").plugin({ 'foo':'bar', 'fizz':'buzz' });

再次，查阅相关文档。

Fancybox，特别是...

您可以在http://fancybox.net/howto在线找到fancybox文档，其中提供了有关如何在您的项目中实现它的详细信息。他们通过以下示例完成了他们的操作方法：

$(document).ready(function() {

  /* This is basic - uses default settings */
  $("a#single_image").fancybox();
    
  /* Using custom settings */
  $("a#inline").fancybox({ 'hideOnContentClick':true });

  $("a.group").fancybox({ 'speedIn':600, 'speedOut':200, 'overlayShow':false });

});

请注意这与上述一般规则之间的相似之处。