- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有几张要用来打开图库的图片(使用lightgallery)。因此,我查阅了他们的文档,发现要使用多个实例,我必须包含lg-hash.js并为不同的画廊提供ID。这正是我所做的,但是第二个图像不起作用。它打开了灯箱,但装载机不断旋转。
我的代码:
<div id="hash">
<a href="'.$fbimage.'">
<img style="max-width:250px;" src="'.$fbimage.'">
</a>
</div>
<div id="hash1">
<a href="'.$block_image->{'image_intro'}.'">
<img style="max-width:100%;" src="'.$block_image->{'image_intro'}.'">
</a>
<div>
<script type="text/javascript">
$(document).ready(function() {
$("#hash").lightGallery({
hash: true,
galleryId: 1
});
$('#hash1').lightGallery({
hash: true,
galleryId: 2
});
});
</script>
最佳答案
在我看来,好像您在JS部分但在PHP部分没有麻烦...
您能分发一个已经通过PHP解析器的版本吗? HTML将在这里有所帮助。
关于javascript - Lightgallery多个实例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39101790/
我有一个引导页面,我下载了 jquery 插件 (lightgallery.js),并且插件与这些代码配合得很好;
使用滤镜选项(uikit),我们可以将img马赛克放入display:none,但是我们如何更新灯箱index来自 lightgallery.js 插件好吗? JS: var $lg = $('.js
我将 Lightgallery 插件用于我的图片库。它工作得很好,但有些东西并不完美。我想让图像适合浏览器窗口。 当图像的分辨率高于浏览器窗口的分辨率时有效。但是当它较小时,它就不适合了。 这是插件:
我正在使用 localhost xampp 进行练习。我已经实现了一个 lightgallery 以使用 js 显示我的图像文件夹中的图像,但 lightgallery 没有将图像显示为 gallae
我正在使用 lightGallery 来显示视频集合。在文档中,它说我可以使用一些插件自动从视频本身加载缩略图。我已经包含了所需的插件: 我正在尝试像这样添加我的视频:
我正在使用 LightGallery 制作图片库,到目前为止一切正常,但我想将整个缩略图网格与页面中心对齐。现在只是卡在左侧。这是我使用的代码:
我无法运行 Lightgallery 哈希插件。我的愿望是在同一页面上有两个画廊,单击一个按钮应该显示另一个画廊。如果我没记错的话,插件应该这样做。 我添加了这个 HTML 结构:
我已经在我的本地站点上实现了 lighgallery 插件...但这不适用于 dom 元素... 例如 1.) 将用js创建的dom元素追加到html代码中.. 如果我在 js 中创建这样的东西 ""
在我的网站上实现 lightgallery 时遇到问题。我搜索了 stack overflow 并阅读了 lightgallery 页面上的文档,但无法弄清楚问题出在哪里!这是我网站的代码:
我有这个问题,lightgallery 只能打开一次。接下来每次单击按钮都没有响应。我使用 lightgallery 作为组件。 在我的父组件中,我有两个按钮,用于打开图像或视频库 ParentCom
我想关闭图像下方的标题,但即使我将标题设置为 false,我仍然将替代图像文本作为标题。知道如何完全关闭字幕吗? $(document).ready(function() { lightGaller
所以我正在使用 https://sachinchoolur.github.io/lightgallery.js/对于我的画廊来说,这太棒了。 当用户单击图像时,它会打开并且一切正常。
我尝试使用 lightGallery 插件来显示画廊,但是当我单击图像时,它会像这样将它们显示为一半和侧面。我想要的只是将图像居中。我查看了检查器,发现了一些我不理解的不友好的 CSS 标记和样式。请
jQuery lightGallery 给我留下了深刻的印象,使用起来很愉快。根据 lightGallery 网站上的第一个示例,带动画缩略图的画廊 ( http://sachinchoolur.gi
我试图在我的 WordPress 网站上获取 Sachin Choolur 的 lightGallery 并尝试动态获取它。它几乎成功了,但我的 slider 挡住了 lightGallery。 li
当我尝试点击链接时,它会在浏览器控制台中显示: Uncaught TypeError: $(...).lightGallery is not a function(anonymous funct
我有一个显示很多照片的页面,可以用 lightgallery.js 打开 我已经制作了一些可以正常工作的自定义 HTML 标题。但现在我想为图像本身添加标签。我该怎么做? 我将展示我的照片页面的示例:
有谁知道我可以在下面的代码中使用什么样的条件来确定幻灯片是否即将结束? 换句话说,如果幻灯片中剩余的图像少于 4 个,则发送新的 ajax 调用并将响应附加到当前响应。 我设法获取每个图像的索引,但是
有没有办法定位 lightgallery.js slider 中显示的 img ? 下面的这个 JS 有 3 次未能获得简单的 console.log(); : var $lg = $('#mosai
我安装了一个 lightGallery,当我加载页面时它效果很好。 但是当我执行 Ajax 调用来更新 lightGallery 图像时,lightSlider 不起作用。 我的问题是,我可以在 Aj
我是一名优秀的程序员,十分优秀!