问题标签 [slimbox]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 运行 slimbox 的按钮
是否有从自定义按钮启动 Lightbox 的选项
就像是:
JS:
javascript - 将 Slimbox(或 Lightbox)与 Infinite Scroll 集成
我的个人照片库使用Masonry(用于排列照片)和无限滚动(用于分解照片的下载时间)。我最近添加了Slimbox2(因为由于某种原因我无法让 Lightbox2 工作)。Slimbox2 在第一页上完美运行,但在无限滚动加载的后续页面上却不行。
我尝试使用不同的分组名称,例如rel="lightbox-page1"
and rel="lightbox-page2
,或者根本没有分组,但没有一种方法有效。加载新页面时是否需要刷新Slimbox?InfiniteScroll 的创建者建议使用以下代码 myLightbox.updateImageList();
。说得通?如何将其转换为 Slimbox?2011年和我有同样问题的人。
你可以在这里查看我的生活问题 。这些是我目前正在使用的脚本(您可以查看页面源代码):
slimbox - 如何在页面中心加载图像 - slimbox
我对 Slimbox 插件有疑问。当我单击图像时,图像会在底部页面加载,并且需要滚动页面才能查看图像。
但在页面中心的演示图像加载
php - 使用 .on() 加载超薄盒子
我正在使用 slimbox ( http://www.digitalia.be/software/slimbox ) 一个非常流行的 jQUery 轻量级灯箱。
我过去经常使用它,但是现在我有点卡住了。我有一个通过 AJAX 加载的表单,因此我需要使用该.on()
功能来激活 slimbox。
但我无法让它工作。我查看了 slimbox 代码,它对我来说没有多大意义。我在我的:
这有效,但仅在第二次单击时,由于某种原因,它需要在同一个对象上单击两次才能起作用。有任何想法吗?
javascript - 知道用户在 slimbox2.js 中查看的图像
我有一个使用 slimbox2.js 的图片库
我想知道用户在给定时间正在查看的图像。如何获取当前查看的图像?(请注意,用户无需单击每个图像即可查看,一旦单击单个图像并加载幻灯片,他可以使用鼠标单击或箭头键浏览图库中的图像)
示例:用户单击图库中的第一张图片。我可以添加一个单击事件侦听器并获取此事件,以记录用户查看了第一张图片。但是如果用户选择单击 slimbox2 中的下一个按钮并查看下一个图像会发生什么。
用户查看了第二张图片,但我不知道,该用户查看了它。我怎样才能捕捉到这个事件?
我想到的另一种方法是获取 slimbox2 加载到其视图中的图像,此时是否触发了任何事件?
jquery - Slimbox - 悬停不工作,关闭按钮不产生
我对 WordPress 的 Slimbox 2 插件 ( http://www.digitalia.be/software/slimbox2 )有一些小问题。
您可以看到左右链接是在实时 edtiro 内部生成的,但是悬停不起作用,因此它们永远不会出现。
完全不产生关闭按钮代码。
我试图在非悬停时强制左右图形,并在实时编辑器的适当位置添加关闭代码:
只是为了确保 CSS 是正确的,并且它不是图像或其他东西的问题。全部显示出来,所以我查看了我不太熟悉的 jQuery 代码,但据我所见,它至少应该产生关闭按钮代码,我认为悬停可能是一个问题在它的前面,但是无法确认或修复它。
所以现在我认为存在某种类型的冲突,但通常控制台中的错误会为我解决与 jQuery 相关的问题。
这是有问题的网站(只需单击其中一张图片):http ://www.thekula.com/collection/
希望获得一些反馈/帮助或任何有关如何进一步解决此特定问题的指导。
非常感谢
slimbox - 如何使用 slimbox2 调整图像大小(更大)
我想使用带有 slimbox2 的图片库来调整图片大小。
我的原始图像宽度为 400 像素,但我想至少以 600 像素的宽度显示它们。
我已经尝试探索 css 文件或 js 文件,但直到现在我还没有弄清楚如何去做,所以我希望能在这件事上提供任何帮助。
谢谢
jquery - 获取没有“.jpg”部分的文件名
好的,我正在使用 slimbox2 并希望用户能够保存图像的高分辨率版本。将此添加到 .js 文件允许保存完全相同的图像,并在标题中添加链接:
但是,我希望用户能够保存仅在名称中添加“lg”的高分辨率版本。
例如,它不是下载显示的“image1.jpg”,而是下载“image1lg.jpg”
上面的代码使用 el.href 将图像加载到链接中,但如果我使用 + 'lg' 它会在 .jpg 后面添加它,所以我会得到“image1.jpglg”,它不起作用。
有没有办法删除 el.href,然后从名称中减去“.jpg”,然后将“lg.jpg”添加到文件名中?
希望这是有道理的,谢谢你的时间。
javascript - 处理程序:'html',大小:{x: 265, y: 650} 到 100%
我需要帮助。我需要得到 y: 650 to 100% 但它不允许我输入类似 100% 的东西,请问还有其他方法吗?
谢谢。