问题标签 [orbit]
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 - jQuery Slider Orbit - 移动子弹
我在我的主页上使用了出色的 Zurb 插件Orbit,我试图将项目符号(通常在滑块下方)移动到页面上的不同位置(在这种情况下,在滑块上方的标题中)
我尝试了以下代码:
这会删除项目符号,但它们不会出现。我不认为它们尚未生成,因为我尝试将其放入幻灯片更改的函数中,但这并没有帮助。
有任何想法吗?
jquery - jQuery Orbit 不适用于 .slideToggle()
我在默认情况下隐藏的 SECTION 中有一个 jQuery Orbit 滑块(显示:无;)
用户单击一个按钮以展开 SECTION,这样做后,我看到只显示左方向导航箭头,Orbit 滑块的其余部分似乎不可见。
如果我删除显示:无;在 SECTION 上,以便 SECTION 的默认行为是在第一次访问时展开,我可以上下滑动切换,并且轨道滑块显示得很好。仅当它位于具有 display:none 的 SECTION 内时才会出现问题;放。
这是标记: http: //pastie.org/2855132
这是 jQuery: http: //pastie.org/2855138
所有的轨道样式都是默认的。将 section.articles 设置为 display:none;
任何帮助将不胜感激。我希望我已经提供了足够的信息。
谢谢你。
javascript - jQuery 计算 div 中的图像并根据 z-index 和标题属性告诉我当前正在查看的图像
我正在使用Orbit jQuery 滑块。棘手的是我正在页面上运行该滑块的六次迭代。我想要它做的是告诉我我在图像 4 of 7、5 of 7 等...
这是我到目前为止所做的:
的HTML:
所以我能设法得到的是图像的总数:x of 7。如果我单击滑块下一步按钮,x 永远不会切换。它总是保持 1 of 7、1 of 7 等等......
我试图以此为基础的 z-index 为 3。当 img 可见时,Orbit 将其分配给 img 标签。所有其他图像的索引均为 1。我使用 title 属性给我 7 个中的 2 个、7 个中的 3 个等。
有任何想法吗?我根本不是 JS 绝地 :(
谢谢!
javascript - 轨道jQuery滑块在最后一张幻灯片上暂停
我正在使用 Zurb 轨道滑块:http ://www.zurb.com/playground/jquery_image_slider_plugin
我有一个使用以下设置的幻灯片:
然后我使用 CSS 隐藏计时器(因为如果我关闭计时器,那么帧不会前进并且我已经隐藏了定向导航所以......):
无论如何,到目前为止,一切对我来说都很完美。我能弄清楚如何做的是让幻灯片停止在幻灯片中旋转,即在最后一张幻灯片上停止/不循环回到第一张。
我怀疑答案与幻灯片更改后添加功能的能力有关:
但是,唉,这个 JS 超出了我的范围。
如果您好奇:这是一个小实验,我使用 jquery 滑块创建一种定格动画,这是我一直想知道的一种技术。它工作得很好,但永远循环真的把事情搞砸了。:)
非常感谢您的时间和分享您的专业知识!
乔恩
haml - 在 zurb 轨道插件中为带有 haml 的幻灯片提供标题
我正在使用轨道来满足幻灯片放映要求,但是我无法添加字幕。
文档是这样说的:-
我正在使用haml并做这样的事情:-
这显然会产生错误,因为我无法给出像:data-caption
我尝试了很多东西但无法正确使用的语法,但有人可以帮忙吗?
javascript - 有没有办法将初始化函数传递给 Orbit 幻灯片?
我解决了我原来的问题,但我想知道是否有更优雅的解决方案。我正在使用 Foundation 的 Orbit 创建幻灯片。这不是简单的幻灯片,它是一个幻灯片,其中每张幻灯片都定义了一个数据标题,并且在这个数据标题中有需要加载模式对话框的 HTML。
如果您使用 Foundation,您会立即考虑使用 Reveal 库来调出模态对话框,我会的,但要求使用 prettyPhoto。(这些是要求。)问题是数据标题中的元素不受原始初始化调用的影响:
$("a[rel^='prettyPhoto']").prettyPhoto();
我需要做的是确保在加载每个数据标题时对其进行初始化。好吧,这就是问题所在。我已经通过使用 afterSlideChange 事件解决了幻灯片转换的问题,但问题是第一张幻灯片。我需要为显示的第一张幻灯片调用此方法。
这是解决此问题的代码:
有没有更好的方法来做到这一点而不必复制该代码。我应该自己定义一个“initializeSlide”事件,还是有一些我只是想念的答案?
post - 在 Orbit(Kepler 项目/Lua)中使用 WSAPI 的方法 POST 错误(405)
尝试使用名为 Orbit 的 Lua 的 MVC 框架编写 Web 应用程序。我有一个本地服务器 (WSAPI) 启动并运行我的应用程序,但每次提交发布请求时都会收到 405 错误。我认为这可能是一个配置问题,但话又说回来,我不太确定。如何更改 WSAPI 配置以允许 POST?如果这不是错误,那是什么?
image - 重叠图像的 Zurb Orbig 滑块内容
它是网格中的单个图像,位于所有其他图像之上,老实说,我不知道为什么并且需要一些帮助。
这是仅在加载页面时发生的事情。
我正在使用 Zurb Foundation Orbit 滑块,我的页面包含这样的部分:
负责设置滑动部分的javascript是这样的:
我一直得到的是第一个网格上的第二个图像被第二个网格上的第二个图像替换。意思是,当我加载页面时,nAppIcon 不显示,而是显示工具提示图标。
然后,如果我单击滑块上的箭头进行导航,所有这些都会消失,并且所有图标都永远在适当的位置,不再重叠。
jquery - 如何围绕徽标创建三个元素的轨道
我是新手,我正在进行我的第一个项目:
我有三个元素(图像)和一个徽标。
当我点击一张图片时,这一张和另外两张应该在徽标周围 360° 的轨道上移动(当它们进入徽标背面时,z-index 较低,因此它们可以消失然后重新出现)。
这可能与 jquery 和 css3 吗?
javascript - Jquery Slider Rotates但发生了一些奇怪的事情
我有一个小问题,我一直在研究这个基于http://www.zurb.com/playground/orbit-jquery-image-slider (Orbit Slider) 和 Carousel 插件的滑块。您可以在我的测试页面http://www.unscspartanteamomega.com/localh0st#上查看结果。如您所见,图像正在旋转,但出于某种奇怪的原因,这只适用于 Firefox。在 Chrome 中,图像在背景后面旋转,我不知道为什么,标题也没有旋转。以前有人发生过这种情况吗?如果有人知道可能的解决方案,请告诉我。
这是我用来调用插件的代码
谢谢!