如何使用灯箱选项？

Question

如何使用 lightbox 2 选项？如何包含在文档中？它不按照网站上指定的方式工作 http://lokeshdhakar.com/projects/lightbox2/#options

<script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
    })
</script>


<a class="example-image-link" data-lightbox="example-set" href="pic.png">
  <img style="width: 100%" src="pic.png">
</a>

如何设置灯箱选项？

Answer 1

确保包含 lightbox.js AND lightbox.css 样式表。

您还需要 jQuery 1.7 或更高版本（如 Getting Started section of the Lightbox website 的第 4 步所述）。您应该在灯箱脚本之前包含 jQuery 脚本。

这个设置对我有用：

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" />
<script src="jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js"></script>
</head>

<body>
<a class="example-image-link" data-lightbox="example-set" href="pic.png">
  <img style="width: 100%" src="pic.png">
</a>

<script>
lightbox.option({
  'resizeDuration': 200,
  'wrapAround': true
  })
</script>
</body>

</html>

如何使用灯箱选项？

How to use lightbox options?

javascript

lightbox

lightbox2