问题标签 [jssor]
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.
jquery - Jssor 的安全警告
我在 Jssor 滑块上收到带有 IE8 的安全警告。这是当前的配置:
- 站点仅运行 HTTPS。
- 所有对 jQuery 库的引用都与脚本文件夹相关。
- 图像的所有 URL 都相对于图像文件夹。
- 我无法在其他浏览器上进行测试;我的公司不允许升级或任何其他浏览器。
- 页面上没有 AJAX 调用。滑块使用硬编码的 HTML。
最初不会出现安全警告——滑块将加载并显示图像评论。第一张幻灯片将动画出来,但一旦第二张幻灯片尝试转换,就会弹出安全警告。
安全消息状态(因为我无法上传屏幕截图):
“您只想查看安全传送的网页内容吗? ” “此网页包含不会使用安全 HTTPS 连接传送的内容,这可能会危及整个网页的安全性。” 选项:“更多信息”、“是”、“否”
我已经检查了指向 HTTP 地址的静态 URL 的页面源,但我找不到任何会触发它的东西。
无论我单击“是”还是“否”,页面上的所有内容都会加载。
关于这个有什么想法吗?谢谢!
javascript - 在 JSSOR 中,如何向全宽滑块添加额外的幻灯片?
我正在使用 JSSOR 全角滑块 JQuery 演示,但我无法弄清楚如何添加其他幻灯片。目前,它有 3 张幻灯片,我想再添加 2 张。我试图添加额外的幻灯片 div 并在顶部的 sript 选项和 jssor.slider.js 文件中查找该选项。但我不知道特定示例的幻灯片总数在哪里定义。我见过定义滑块如何跟踪行、列及其索引的变量,但我从未见过明确的声明。
编辑以包含 html 代码。对于那个很抱歉。
html - jssor滑块奇怪的图像大小行为和带有chrome的白色间距
我似乎对 jssor 滑块有一个错误 - 目前似乎仅限于 chrome。
我的第一个问题类似于 - Jssor 滑块 - 图像抖动错误- 每次播放过渡动画之前图像都会缩小并在过渡动画结束后立即展开。我已经看到它发生在 chrome 和 firefox 上,但有趣的是它不会发生在 IE10 上。找出问题的人是否会更深入地解释必须更改哪些内容才能解决此问题?
我的另一个问题非常大,因为它通过用大空白隐藏我的页面内容来完全破坏网站。碰巧我有 21 张图片显示在 chrome 中,每次播放过渡动画时,我都会得到滑块的整个高度(即滑块旁边的所有内容,想象一下网站,当前文本元素旁边的橙色右侧元素)变为白色,直到动画结束才显示。我试图看看这是否发生在任何其他浏览器上,但它现在似乎只是 chrome。
现在,当我将页面向下滚动到某个位置(它总是在这个位置)时,会发生更奇怪的行为,除了滑块之外,整个屏幕都变白了。当我稍微向下滚动页面时,页面内容就会返回!我试过查看开发人员工具,我看到我所有的内容都在那里,因为当我将鼠标悬停在它们上面时,我可以选择元素及其位置。
我不知道为什么会发生这种情况,甚至开始搜索可能导致这种情况的原因。
javascript - Jssor - 如何在同一个容器上显示多个缩略图导航器
我一直在玩 jssor 的 api 一段时间,并且有一个我无法重现的设置。
我正在尝试使用嵌套滑块(http://www.jssor.com/demos/nested-slider.html)
但显示正在显示的幻灯片集的缩略图。查看 api 代码后,该库似乎不允许在同一个幻灯片容器上使用多个缩略图导航器(显然嵌套滑块中的幻灯片集选择器算作缩略图导航器)。
我尝试为每个子滑块容器设置具有唯一 ID 的缩略图导航器,但这给了我奇怪的结果。
基本上,我想合并嵌套滑块和这个http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html以便垂直缩略图导航器向我显示当前的一组幻灯片。
有可能这样做吗?
谢谢!!
jssor - JSSOR - $Loop 选项似乎不起作用
我正在尝试使用 JSSOR 滑块来构建滑块。我希望幻灯片播放一次,然后停止。
阅读 API 文档,我应该能够做到这一点:
这不起作用......它会播放,然后滚动回到开头并重新开始。我已经尝试过 $Loop: false, $Loop: 1, $Loop: 2,并且它的播放方式没有改变......这个想法是当它停止时,我想为 $ EVT_SLIDESHOW_END 事件将加载一组新图像并再次开始幻灯片放映,但是,此事件永远不会触发,因为幻灯片不会停止。对此的任何帮助将不胜感激!
slider - 在 joomla 自定义 html 模块中使用 jssor 滑块
有没有人尝试在 joomla 3.3 的自定义 html 模块中使用它?有什么理由不工作吗?任何人都可以分享他们发现适用于这种情况的方法吗?先感谢您。
jquery - 如何在 JSSOR 插件中向右滑动
我制作了一个带有 8 个小图像的滑块并启用autoPlay,但方向仍然是从右到左所以如何将运动反转为(从左到右)
尝试编辑_PlayDirection但没有结果
jssor - 一些幻灯片纵向,一些横向 - 如何让 Jssor 正确显示它们?
我的幻灯片有不同的尺寸和方向(一些全景图)。我的意思是所有的照片都来自相册。几乎所有图片都以某种方式大于视口。我希望它们居中,具有正确的纵横比,仍然具有用于 iPhone 的触摸控件,以及< >用于桌面的小部件(如果图像比页面宽度窄,它们将不可见)。
我可以通过在 CSS 中指定 max-width 来获得全宽。全高更棘手。" Full Width Slider" 演示修复height了500px,并且反复试验只允许我将其更改为另一个整数而不是百分比。
所以我正在努力调整正确的选项,并在 HTML 中设置正确的样式/css 内联。有没有比“全宽滑块”更好的演示(http://www.jssor.com/demos/full-width-slider.html)
捏缩放到大于视口的图像会很棒,但这对于我的“适合”问题进行排序是次要的:)
jquery - 进度永远不等于 ProgressEnd JSSOR 插件
使用 jssor 插件如下:
突然工作后EVT_STATE_CHANGE输入一次,进度不等于 progressEnd 无论如何尝试使用EVT_PROGRESS_CHANGE它并且它工作但有超过 180 次调用,性能会非常糟糕,所以为什么EVT_STATE_CHANGE输入一次以及如何修复它
jssor - Jssor thumbnail 角落案例问题
我已经实现了 jssor 滑块,它大部分都可以工作,但我发现了一个让我感到困惑的角落案例。
以下变量涉及 $StartIndex、$Cols 和 $Align。
当 $StartIndex 为零时,一切正常。当图像数量大于 $Cols 时,一切正常。我的意思是显示所有图像,并且当前图像在拇指显示中居中,由 $Align 设置。
当图像数量小于或等于 $Cols 且 $StartIndex 不为零时,一些拇指将隐藏在左侧 - 就像 $Align 设置为零一样。拇指可以拖动到位并且一切正常从那时起,但这显然不是我想要的。这是代码: