问题标签 [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 回答
246 浏览

jquery - 当 jquery 幻灯片打开 #1 时的淡出元素

有问题的网站:http: //notlaura.com/dev/smfa/index-all2.php

我希望“返回列表”按钮 ( #to-list) 仅在 Coda Slider 的第一个面板被隐藏时出现。这一直有效,直到遇到带有箭头导航的第一个面板。我的代码是:

我尝试检查$('a[href$="#1"]')但箭头 href 是 only #,所以这不起作用。还尝试了 URL 的条件window.location,并检查面板是否隐藏,if( $("#list").is(":visible") ) {}

但没有成功。非常感谢任何帮助 - 在此先感谢!

0 投票
3 回答
1156 浏览

jquery - codaSlider hack - 如何在图像上添加小三角形

查看CodaSlider

我已经删除了 UL 并选择了 div 来控制它,但我遇到了问题。我想添加一个三角形来表示它当前显示的面板。目前,我正在考虑将三角形添加到实际的 slide.jpg 中,但如果有人想添加另一张幻灯片,那就太糟糕了。

您将如何动态地将三角形添加到当前面板?

喜欢: http: //i.imgur.com/B0BwU.jpg(已添加在图片上)

我的 CSS:

解决方案:

包括

}

将浮动元素设置为内联元素不能指定宽度和高度

}

0 投票
2 回答
1366 浏览

javascript - 如果滑块从头开始,Coda-Slider 不应滑过所有元素

我正在使用示例 2 中的coda-slider。现在我不希望滑块在最后一个元素上后退到第一个元素的行为。我希望滑块只向正确的方向移动(当然从第一个元素开始)。

尾声滑块似乎使用了 jQueryanimate函数:

函数中的参数是否有可能animate完成这项工作?

尾声滑块本身仅支持此参数

0 投票
1 回答
538 浏览

customization - 为 Coda Slider 2.0 显示超过 1 个面板

有没有办法使用尾声滑块一次显示多个面板?我想保持其原始滚动逻辑相同。唯一的区别是一次显示多个面板。例如视图中的 2 或 3 或 4 个面板。

我们将如何去做呢?

谢谢

0 投票
2 回答
324 浏览

jquery - 替换 Coda Slider 2.0

有人建议更换Coda Slider 2.0吗?

虽然产品很好,但支持社区和开发人员已经离开了......

0 投票
2 回答
2782 浏览

javascript - 轨道jQuery滑块在最后一张幻灯片上暂停

我正在使用 Zurb 轨道滑块:http ://www.zurb.com/playground/jquery_image_slider_plugin

我有一个使用以下设置的幻灯片:

然后我使用 CSS 隐藏计时器(因为如果我关闭计时器,那么帧不会前进并且我已经隐藏了定向导航所以......):

无论如何,到目前为止,一切对我来说都很完美。我能弄清楚如何做的是让幻灯片停止在幻灯片中旋转,即在最后一张幻灯片上停止/不循环回到第一张。

我怀疑答案与幻灯片更改后添加功能的能力有关:

但是,唉,这个 JS 超出了我的范围。

如果您好奇:这是一个小实验,我使用 jquery 滑块创建一种定格动画,这是我一直想知道的一种技术。它工作得很好,但永远循环真的把事情搞砸了。:)

非常感谢您的时间和分享您的专业知识!

乔恩

0 投票
1 回答
903 浏览

jquery - 实现 Coda 滑块停止/暂停/播放按钮

我正在尝试在网站的主页上实现 Coda Slider,而我正在这样做的人要求停止按钮,但关于此事的文档很少甚至没有。有没有人遇到过这个问题?

尾声滑块:http
://www.ndoherty.biz/ 我的网站:http ://enguita.info

0 投票
1 回答
1899 浏览

jquery - 如何为移动屏幕分辨率禁用我的 Coda Slider?

我正在尝试在我的网站上实现响应式设计,但我在特色内容滑块上有点卡住了。

我将Coda Slider用于我的特色内容幻灯片,对于小屏幕宽度,我希望中止滑块的 jQuery 函数并删除幻灯片函数的内联样式,以便它简单地显示块.

我很确定我以前见过这样的示例,但是当我刚刚浏览我的书签以在此处发布示例时,我真的找不到任何实际上看起来像这样工作的示例。也许是因为 JS 的限制会使这不可行?

这是我用来实现滑块的 jQuery。有什么我可以简单地添加的东西可以告诉它中止并在特定尺寸以下的屏幕宽度下恢复正常吗?

现在我只是在头部使用两个通过媒体查询实现的样式表,如下所示:

因此,我希望 JS 中止与启动的移动样式表相对应,基本上我将仅使用 CSS 呈现内容,而不使用任何 JS 演示动画等,例如滑块用于整个站点。

0 投票
1 回答
288 浏览

jquery - 如何动态更改 jQuery 插件的默认值?

例如:转到此页面http://www.ndoherty.biz/demos/coda-slider/2.0/和示例编号 5。

我想动态更改 firstPanelToLoad 的值;例如:我有四个按钮 1、2、3 和 4。如果用户单击 2 号按钮,则 firstPanelToLoad 的值应更改为 2。

我想要这样的东西:http: //jsfiddle.net/Cf47w/1/ 当用户点击按钮“Panel4”时,应该显示第四个面板。

0 投票
1 回答
901 浏览

javascript - jquery插件代码滑块

我正在尝试使用 codaslider 插件,但它对我不起作用。我认为我所做的一切都是正确的,但仍然无法正常工作。有人可以帮我找出我犯了什么错误。下面是我的代码。问题是它不会从一个面板滑到另一个面板。我已经浏览了文档,但我不知道我在这里犯了什么错误。