问题标签 [responsive-slides]

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 回答
57 浏览

mobile - 按钮在某些移动设备上不起作用(例如 iPhone6、Android)

这是我在这里的第一个问题,有人建议我把这个话题放在这里。

我有一个基于 AURA (PI-) 主题的响应式网站。对于 xs2 断点,我确实在主页上显示了另一个幻灯片,我在其中放置了一个按钮作为号召性用语(其他按钮类型也不起作用)

在 iPhone4 和 5 等较旧的智能手机上,它可以正常工作。但在较新的设备上它不是。

请看一下这个测试页

您还可以在模拟此类设备的 chrome 浏览器中进行检查。在那里单击“探索”按钮也不起作用。

欢迎任何帮助,我非常感谢它。

谢谢!

0 投票
2 回答
70 浏览

html - 定位响应式幻灯片

我想定位我的响应式幻灯片并调整图像大小,使其适合我的网站。这是当前的 CSS 文件:

但这给了我以下结果: 白色边框

有没有办法让图像变大,让白色边框消失?谢谢。

0 投票
1 回答
128 浏览

javascript - ResponsiveSlide.js 无法正常工作

我正在尝试为我动态创建的图像创建幻灯片。图像的目录路径作为 ajax 调用的响应返回,并且再次进行另一个 ajax 调用,这将为我的幻灯片创建 html 结构并将其作为响应返回,我将其附加到 html。

现在,我正在使用ResponsiveSlide.js创建幻灯片。一切正常,并且 html 响应返回也得到验证,因为它确实包含正确的图像路径(我通过从 url 单独加载图像来验证)但不知何故幻灯片不会发生,只显示一个图像。

这是JS:

HTML 代码是:

返回的响应是:

将此响应附加到 HTML ul 元素的 JS 代码是:

JS和CSS添加:

控制台中的一切看起来都很好,当我在调试期间查看 Web 元素时,所有图像都在那里,但只显示第一个 li 图像并且没有发生幻灯片。谁能让我知道这里有什么问题?还有其他方法吗?

0 投票
3 回答
8242 浏览

css - 使 Materialise 滑块响应

我正在尝试使用 CSS 使 Materialize 滑块响应,但它不能正常工作。当我使用 Firefox 的自适应视图测试我的代码时,我得到的滑块图像响应的灰色背景比滑块图像的高度大得多(如下所示)。

屏幕截图尺寸 360×640

0 投票
0 回答
239 浏览

javascript - 使用 ResponsiveSlides.js,使幻灯片在完成 1 个循环后停止

我正在使用http://responsiveslides.com/构建带有自定义导航的幻灯片。我希望这个导航运行一次,然后在第一个导航处停下来。关于如何做到这一点的任何想法?这是我的 JS(基本上取自他们的文档......)。

提前致谢!

0 投票
1 回答
35 浏览

css - 手机响应式设计

我是 HTML5 新手,我创建了一个网站,其主页上的图标很少,具有绝对位置、固定的顶部和左侧值。

但是当在移动设备中打开相同的内容时,我必须滚动很多,并且图像没有像预期的那样居中。

请让我知道您的相同输入,因为我是 HTML5 新手并且想学习不同的方面。

谢谢和问候, Mrudul

0 投票
1 回答
186 浏览

html - 带有 Bootstrap 3 的 ResponsiveSlides.js

我试图将 ResponsiveSlides 滑块居中在引导列中,但无法使其工作。我有相当大的图像,所以我在 css 中将它们调整为 80%。当它是 100% 时,它们适合整个屏幕,但现在它们向左对齐。有人可以帮忙吗?谢谢!

CSS:

0 投票
1 回答
40 浏览

jquery - ResponsiveSlides 是否适用于 Safari 9?

我刚刚在我的 html 和 css 中添加了响应式幻灯片,但它不起作用。我在我的代码中找不到错误,所以我很沮丧..

可能是,响应式幻灯片不适用于 Safari 9.1。?

所以这是脚本:

这是html:

这是我的CSS:

如果你能帮助我,我会真的很高兴! 非常感谢!

0 投票
1 回答
135 浏览

javascript - 页面刷新后 JavaScript 幻灯片停留在同一张幻灯片上

我有一个 JavaScript 幻灯片,里面是一个网格视图。我想在回发或页面刷新后留在同一张幻灯片上。网格视图都有不同的功能。

这是我的代码。

html:

JavaScript:

0 投票
0 回答
288 浏览

javascript - 带有 AJAX 和 responsiveSlides.JS 的图像幻灯片小部件未加载(无冲突问题?)

我正在为我的图书馆构建一个简单的幻灯片小部件,以显示新标题的书籍封面。我正在使用 Jquery AJAX 调用我在 Codeigniter 中构建的 API,然后加载 responsiveSlides 插件来格式化幻灯片。目标是让其他图书馆员将其粘贴到不同的网站上。

这可能是一个没有冲突的问题吗?因为我使用多个插件?

但是,我在连接幻灯片时遇到了问题。我没有收到任何控制台错误,但幻灯片无法正常工作。

非常感谢你的帮助!