问题标签 [coda-slider]

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.

0 投票
1 回答
1131 浏览

jquery - 在 Niall Doherty 的 coda 滑块 2.0 中触发“下一个”帧 - 可能使用 javascript .change 事件吗?

我一直在让自己发疯,试图完成这项工作。我的尝试变体变得非常尴尬 - 我似乎无法弄清楚 Niall 滑块要我做什么才能触发滑块转到下一帧而不单击任何内容。

我想要的是当表单元素更改时滑块滑动到下一帧。因此,使用 jquery 应该很简单:

但显然事情并没有那么简单。我已经尝试了很多东西。一些绝望的事情。主要是试图触发他的部分代码。似乎使下一帧发生的代码是以下代码:

这是我对 javascript 非常平庸和对 Niall 的代码相当不熟悉的结合。它的评论很好,但我不能准确地告诉每一行发生了什么。当我看到时,我不确定如何使用我的 .change 函数来实现同样的事情。

无论如何,如果有人能对此有所了解,我将不胜感激。我想如果我能得到帮助来解决这个问题,它也可能对我有所帮助。我认为这里有一些关于 javascript 的东西我不理解,但我不知道它是什么。

0 投票
1 回答
2218 浏览

jquery - Coda Slider 和 Fancybox 冲突

我对 Coda Slider 和 Fancybox 有一些问题。我使用 Fancybox 在 iframe 中加载外部站点,而 Coda Slider 用于起始页上的内容滑块。

如果我在我的 Head fpr Coda Slider 中调用了 jquery-easing 插件,则 Fancybox 不起作用。当我删除指向 jquery-easing-1.3 的链接时,Coda Slider 会引发异常,但 Fancybox 可以完美运行

这是一些代码:

不知道为什么这不起作用:)希望你们知道=)

0 投票
1 回答
4091 浏览

jquery - 如何更改 jQuery UI 的滑块句柄上的 tabindex?

我有一个滑块,我需要将 tabindex 更改为 -1。我知道这是一个巨大的“不”,但开发的网站对于任何使用屏幕阅读器等的人来说已经毫无用处。

问题是我有一个链接,单击该链接会打开一个颜色框。在该颜色框内是一个表格,在结尾滑块上分为“幻灯片”。我已将表单元素全部设置为 -1 选项卡索引,但其中一个表单问题有一个 Jquery UI 滑块元素,允许人们设置他们的高度。

元素本身是一个带有类的锚标记:“ui-slider-handle”,但它是在页面加载后创建的,所以我不能只做简单的 jQuery。我尝试使用 .live 函数,但它需要一个事件类型。我不希望它基于事件,而不仅仅是创建时间。除非您认为 Keydown 的主要目标是阻止用户按下选项卡并移动滑块,否则表单包含在其中,而不使用滑块的下一个和上一个导航。

我知道为什么有人会像这样设置网站令人困惑,但这是在我进入图片之前。任何帮助将不胜感激!提前致谢!

0 投票
1 回答
1888 浏览

jquery - 在一个页面中创建多个滑块

我已经为此苦苦挣扎了一天..

我需要制作一个包含 6 个不同框、不同内容的网页。而且我希望他们每个人都具有尾声滑块功能,在这种情况下,我正在使用该网站上的尾声滑块..

我创建了不同的 div,并使用新的 div 添加了额外的 .js 文件,但仍然存在多框滑动功能冲突。我希望任何人都可以给他/她的时间来看看这个问题..谢谢之前..

0 投票
2 回答
848 浏览

jquery - Coda Slider - 内容隐藏在 Safari、Chrome 和 IE 中。在火狐中工作

我在我的 Drupal 7 网站上使用 Coda Slider 。当页面在 Safari、Chrome 和 IE 上加载时,内容显示为隐藏,您必须单击选项卡才能显示内容。这在 Firefox 中不会发生。

无论如何都可以让内容出现,而无需单击选项卡。

0 投票
1 回答
1539 浏览

jquery - 如何将 AJAX 加载添加到 Niall Doherty 的 Coda Slider?

我正在将Niall Doherty 的 Coda Slider实施到网页正文中。这样做的问题是我的客户拥有的内容量使页面加载时间很长。

我想做的是将内容拆分为单独的 html 文件,然后单击选项卡触发器,加载内容,然后为开关设置动画。

老实说,我不知道如何做到这一点,所以很遗憾我无法提供任何虚假代码来帮助说明我的观点。任何和所有的帮助将不胜感激。我在 Coda 论坛中搜索过这样的解决方案,但我得到的只是人们声称拥有它并且无意提供帮助。

干杯。

0 投票
1 回答
2216 浏览

jquery - 带有 IE7 和 jquery 动画的奇怪问题:使用 jquery 1.3.2、coda-slider 2.0 和 jquery.easing 1.3

我正在尝试修改 Coda-Slider 2.0 (http://www.ndoherty.biz/tag/coda-slider/) 以使用基于百分比的宽度,而不是硬编码的像素宽度,以允许流体调整大小。当我尝试回到面板 1 时,除了 IE7 中的一个小故障(Firefox 没有表现出这种行为)之外,我已经让它工作得非常好。

当我运行 coda-slider 2.0 附带的默认 index.html 时,在 IE7 中一切正常。然后,我将图像替换为默认文本,并且效果也很好。然后我更改了 CSS 和 JS 以使用百分比宽度 - 这很好用,除了当我尝试返回第一个面板时 - 当我这样做时,比如说,从面板 4,而不是平滑地动画回到面板 1 视图立即跳到面板 1 和面板 2 之间的中间,然后动画回到面板 1。

这可以在我设置的测试站点上看到:

http://www.lootcorp.com/animateissue/

我正在使用的修改后的 Coda-Slider JS 文件的来源如下。请注意,我删除了所有不必要的代码以简化调试。

问题与这条线有关:

我想也许动画不喜欢将“0%”作为值输入,所以我尝试在选择面板 1 时输入“0”和“0px” - 结果相同。最终结果是正确的 - 最终 div 正确定位在 margin-left: 0,但我不知道为什么在这样做之前它会跳到面板 1 和 2 之间的中间位置。(面板 4 到 3 或 2 的动画效果很好)。我尝试使用 'left' 而不是 'margin-left' 得到相同的结果。

错误还是愚蠢的,被忽视的错误?任何意见是极大的赞赏!!

js文件来源:

0 投票
1 回答
836 浏览

javascript - 整页 jQuery 滑块

我正在尝试为设计师调整 jQuery 的 Coda Slider以占据整个页面(100% 宽度/100% 高度),但是一旦我将.scroll类的高度更改为 100%,整个事情就会消失。有谁知道我能做些什么来修复它?

0 投票
1 回答
293 浏览

jquery - 我可以使面板宽度成为尾声滑块内图像的宽度吗?

我正在使用 coda 滑块创建一个站点,我希望根据 div 中的图像宽度设置 panelWidth。

有任何想法吗?

0 投票
2 回答
1680 浏览

jquery - Jquery Coda Slider 在 Chrome 中不起作用,在 Firefox 和 IE 中运行良好

我在一个页面上使用了两个 Coda 2 Sliders,它在 Firefox 和 IE 7、8、9 上都可以正常工作。但我无法弄清楚为什么其中一个滑块在 Chrome 中不起作用,而另一个在 Chrome 中起作用

您可以在http://www.rafimmedia.com/siddiq/上查看自己的实时站点。由于我没有在里面使用任何 php,你可以很好地检查源代码和 css。

我什至交叉检查了语法和所有内容,但无法找出任何问题。尝试使用firebug,甚至js也没有显示任何错误。