问题标签 [slideshow]

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 投票
3 回答
6907 浏览

android - Android Horizo​​ntalScrollView 按页滚动

我已经在我的 Android 应用程序中使用 . 这很好用,除了我想在滚动手势上滚动到下一个图像(现在它只是在减速之前滚动过去几个图像)。我找不到合适的方法来做到这一点,我应该改用 FrameLayout 吗?如何在滚动手势上滚动到下一个(或上一个)图像?

0 投票
0 回答
1110 浏览

jquery - How to repeat simple jQuery slideshow

Trying to adapt snook.ca's Simplest jQuery Slides for multiple, nested elements. I've got the cycle working, although I'm sure my jQuery is a bit verbose. I can't, however, figure out how to return the script to the beginning of the set of elements so it repeats an endless loop. Snook's script uses appendTo to return to the beginning and re-create the stack but I'm lost as to how to put this

Here is the HMTL (there are 4 (fixed) instances of these list items):

And here is the jQuery (it's the <p> elements which are being cycled):

Thanks for any help you can give me!

0 投票
1 回答
212 浏览

javascript - 可处理 N 个条目的简单 JS 幻灯片

我想创建一个简单的 javascript 幻灯片,允许用户单击“上一个”或“下一个”并让元素从右侧或左侧滑入,具体取决于。内容将来自 CMS,因此它不是“硬编码”的说法。理想情况下,我的标记看起来像这样(最近的条目接收“显示”类):

我需要一些能够自动检测顺序并允许 .client 类的数量为任意值的东西。这似乎非常接近: http: //jsbin.com/ekecu但我不希望它基于可见链接进行切换,就像绝对定位的上一个和下一个按钮一样。

非常感谢一些帮助,或者如果您觉得我可以使用的源代码片段特别慷慨。

0 投票
1 回答
1509 浏览

javascript - jQuery幻灯片循环失败

我一直在尝试实现 snook.ca 的最简单的 jQuery 幻灯片,但是当应用于 a 内的子元素<ul>而不是简单的图像堆栈时。我已经成功地让幻灯片在必要的子元素中旋转,但是在结束序列并返回开头时我已经用完了技术。

我希望序列返回到第一<p>个子元素并继续无限循环。

您可以在JS Bin上看到幻灯片演示的演示。为 jQuery 代码的冗长道歉;我确信它可以被优化。

对于后代,这里是 HTML:

这是jQuery:

您可以提供的任何帮助将不胜感激。干杯。

0 投票
1 回答
1814 浏览

jquery - jQuery 图像轮播 - 如何重复图像?

我用 jQuery 编写了一个图像幻灯片,它根据鼠标悬停在图像上的位置加速/减速。

我想让图像在幻灯片结束时“重复”。所以用户滚动幻灯片,它到达图像 LI 的末尾,然后从头开始无缝重复。

这是当前代码:

jQuery

HTML

滚动条有效,速度/方向与覆盖的 DIV 按钮配合得很好。我要重复的 animate() 回调很慢,有问题而且很糟糕:/

我过度使用 .stop() 看起来也是一个潜在的问题 >.<

有任何想法吗?

0 投票
2 回答
4214 浏览

javascript - jQuery 幻灯片无法在 IE8 中运行,但在 Safari/Firefox 中运行良好

我即将举行的婚礼的网站 (www.hilaryandmatthew.com) 有一个非常漂亮的 JQuery 幻灯片(由 www.dynamicdrive.com 提供)

我希望我能尽快得到一些帮助,我真的希望我的网站在发出邀请之前看起来很清晰。我对jQuery一无所知。因此,我遇到了复制粘贴开源代码的陷阱。

当我尝试在 IE8 中加载页面时出现此错误:


消息:'imagearray[...].0' 为空或不是对象行:39 字符:3 代码:0 URI:http ://www.hilaryandmatthew.com/includes/slideshow/fadeslideshow.js


这是我的图像数组的代码,它传递到函数'fadeSlideShow(settingarg)'

这是单独的 .js 文件中包含错误的代码:

- 第 39 行,错误来源,如下 -

文件中还有更多功能。如果它们相关,完整的源代码可在http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm获得

0 投票
2 回答
1542 浏览

jquery - jQuery - 尝试创建图像的“无尽幻灯片”

我正在尝试创建一个无休止的图像幻灯片,如下所示:

  1. 在窗口中滑动图像
  2. 当到达最后一个图像时,它从图像的开头开始

这是我当前的代码:

setInterval() 的原因是为了创建一个无穷无尽的动画。

根据 Firebug 的说法,UL 向左滚动 500 像素然后停止……然而,LI 成功地四处移动。第一张图片被放置在幻灯片的末尾并继续播放。

我只需要弄清楚为什么动画不会继续滑动 UL。

0 投票
2 回答
767 浏览

jquery - jQuery 幻灯片在后台 - 也许是错误的 CSS?

我有一个非常简单的 html,里面有一个“包装器”div 和其他两个元素。

使用 CSS,我将徽标和菜单放在屏幕底部的单个栏中。

在我的 jQuery 代码中,我在 div#wrapper 之后使用 XML 动态插入另一个 div (#photos)。所以,我最终的 html 最终是这样的:

这是CSS:

我现在需要的是在背景中使用 div#photos 制作幻灯片。菜单栏和徽标必须位于顶部。我正在使用 Cycle 插件,但到目前为止没有成功。任何帮助将非常感激。

提前致谢,

赫利欧

0 投票
3 回答
2498 浏览

jquery - 将锚标记添加到简单的 jQuery 杂耍表演

我正在使用snook.ca脚本之一进行简单的幻灯片放映。简而言之:

现在我试图让这些图像在幻灯片中可点击。所以我的标记将是这样的:

如何在不使脚本过于复杂的情况下实现此功能。请注意<img/>标签是提供给我的,我无法控制它。

0 投票
2 回答
1927 浏览

jquery - jQuery幻灯片

我需要一个带有 div 弹出窗口的 jquery 幻灯片

我想在该幻灯片中显示我的图片库。

我在画廊中有三幅别墅图片

每个都有一组 5 张图像。

当我单击第一个别墅图像时,该幻灯片将显示其余四个,包括我单击的那个。

与其他两栋别墅类似。

我已将别墅的图像存储在三个不同的文件夹中。

任何人都可以向我展示任何 jquery...请帮助我。

谢谢