簡體   English   中英

如何使用燈箱選項?

[英]How to use lightbox options?

如何使用燈箱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>

您如何設置燈箱選項?

確保同時包含lightbox.js lightbox.css樣式表。

您還將需要jQuery 1.7或更高版本(如Lightbox網站“入門”部分的第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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM