问题标签 [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 投票
5 回答
17836 浏览

javascript - div背景图片的幻灯片+ jquery

我在标题中有一个大 div 元素,并且 div 中有很多文本内容和一些框。我有一个很大的 img 作为这个 div 的 bg,现在我需要为这个 div 的背景制作幻灯片:/

如何为 div 的背景图像制作幻灯片?

我研究了很多,但找不到任何东西:/

非常感谢!欣赏!

0 投票
1 回答
682 浏览

javascript - 如何在 javascript 幻灯片中对齐或隐藏背景图像?

我使用这种方法在网站上创建了一个幻灯片(对不起,新用户,只能发布一个链接):http: //iamacamera.org/sandbox/linkedphotoshuffler/我只更改了指定的变量,它工作得很好,除了显示当前在背景中的图像右边缘的大约 10 个像素。我已经检查过,图像的大小完全相同,因此前景图像似乎向左移动或背景图像向右移动。如何确保它们完全对齐或隐藏背景图像以使其对用户不可见?

0 投票
1 回答
2291 浏览

javascript - 如何获得悬停/鼠标悬停效果以保持选中状态?

当谈到 Javascript 时,我是一个初学者,如果你能提供任何帮助,我将不胜感激!我正在我的主页上创建一个功能框,其中三个标题将共享一个图片点。我找到了一个脚本,可以在标题滚动时更改图像,但是当页面打开时很难判断第一个标题是否与第一张图片一致。如何让我的悬停样式显示为已选中,然后保留最后一个被翻转的标题,因此很明显标题与照片显示相配?这是我的例子

这是我正在使用的代码:

悬停风格:

JAVASCRIPT:

0 投票
1 回答
1322 浏览

expression-blend - 表达混合幻灯片?

我特别是 Photoshop 网页设计师,对 xaml 的了解有限。我正在尝试创建一个幻灯片效果,其中包含图像和文本,类似于http://www.silverlightshow.net/items/Image-slider-control-in-Silverlight-1.1.aspx

有谁知道我将如何通过使用 Expression Blend 来创建它。我不想深入研究任何代码!如果有某种行为会很好吗?

我目前正在使用状态和情节提要。动画在草图预览中工作,但我无法让按钮为行为 gotonextstate 工作。

有任何想法吗?

谢谢朱迪

0 投票
4 回答
5805 浏览

jquery - 用于背景图像幻灯片的 Javascript 或 JQuery

我想使用 div 的背景图像创建幻灯片。我不希望图像自动旋转,而是想使用标准的上一个和下一个按钮来更改 div 的背景图像。总共将有大约 6 张图像可供滚动浏览。它需要是背景图像,因为 div 中还有其他内容。

认为这可以使用 JQuery 来实现,但不确定如何。

我有以下代码自动旋转图像,但我不希望它们自动更改。我需要能够使用下一个和上一个按钮滚动图像。

谁能帮我?

0 投票
1 回答
811 浏览

jquery - 从 ajax 调用时,Google 幻灯片显示空白屏幕

我在通过使用 jquery load() 函数加载它来将谷歌幻灯片 ( http://www.google.com/uds/solutions/slideshow/index.html ) 加载到我的 Web 应用程序时遇到问题。

索引.html:

测试.html:

当我执行 test.html 时,它会很好地加载幻灯片。当我尝试使用实际上调用 Jquery 的 $.load() 函数将 test.html 的内容加载到特定 div 元素中的 index.html 进行加载时,我看到画廊正在加载到该 div 上,但是当它即将显示时图像整个页面都清除了,我只有一个空白页面。

有任何想法吗 ?


不使用 jquery 的不同版本的 index.html:

0 投票
1 回答
1181 浏览

jquery - 幻灯片放映完成时的jQuery超大插件回调

我正在使用 Supersized jQuery 插件,它可以使图像全屏显示并实现幻灯片。目前,这个插件在幻灯片结束时没有回调,而是不断重复。

有没有办法在显示最后一张幻灯片后触发功能?

目前,当最后一张幻灯片开始显示时,我可以触发一个函数,因为我有一个 setInterval 来检查幻灯片图像上的“最后一个”类。但是,这会在最后一张幻灯片开始时运行该功能,而不是在它完成时运行。

有人对我如何做到这一点有想法吗?

0 投票
3 回答
24032 浏览

iphone - iPhone 图片幻灯片

我想在 iphone 上创建幻灯片。我不知道是否已经有示例代码或已经这样做的库。

谢谢你的帮助

0 投票
3 回答
1754 浏览

javascript - 如何启动/停止 CrossSlide (jQuery)

我发现 CrossSlide 会导致同一页面上的视频播放出现非常严重的卡顿。我的想法是让同一页面上的交叉幻灯片效果在视频播放期间停止或暂停,然后在视频停止时重新开始。

Id 看起来没有包含任何启动停止功能。有谁知道我如何能够做到这一点?

谢谢。

0 投票
3 回答
101 浏览

javascript - 将变量传递给 html

因此,我决定为 lightroom 的 slideshowpro 支付 35 美元,而只是决定制作一个快速的 javascript 幻灯片来完成一个简单的任务。在一个 div 内随机旋转 10 个图像。它是这样工作的:

(这不是所有的代码,我省略了其余的)

如何获取randomImage并插入<img>标签。