Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用灯箱选项?_Javascript_Lightbox_Lightbox2 - Fatal编程技术网

Javascript 如何使用灯箱选项?

Javascript 如何使用灯箱选项?,javascript,lightbox,lightbox2,Javascript,Lightbox,Lightbox2,如何使用lightbox 2选项?如何包含在文档中?它不符合现场的规定 lightbox.option({ “resizeDuration”:200, “概括”:正确 }) 如何设置lightbox选项?确保同时包含lightbox.js和lightbox.css样式表 您还需要jQuery1.7或更高版本(如本文的步骤4所述)。您应该在lightbox脚本之前包含jQuery脚本 此设置对我有效: <!DOCTYPE html> <html> <head&g

如何使用lightbox 2选项?如何包含在文档中?它不符合现场的规定


lightbox.option({
“resizeDuration”:200,
“概括”:正确
})

如何设置lightbox选项?

确保同时包含lightbox.js和lightbox.css样式表

您还需要jQuery1.7或更高版本(如本文的步骤4所述)。您应该在lightbox脚本之前包含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>

lightbox.option({
“resizeDuration”:200,
“概括”:正确
})

确保同时包含lightbox.js和lightbox.css样式表

您还需要jQuery1.7或更高版本(如本文的步骤4所述)。您应该在lightbox脚本之前包含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>

lightbox.option({
“resizeDuration”:200,
“概括”:正确
})

你说的“它不工作”是什么意思?请用您的代码创建一个简单的示例,让我们看看可能出了什么问题。您所说的“它不工作”是什么意思?请用您的代码创建一个最小的示例,让我们看看可能出了什么问题。不,没有。不是那个版本的Lightbox。这里有一个jsbin,它与您的代码一模一样:不,它没有。不是那个版本的Lightbox。下面是一个jsbin,它完全包含了您的代码: