问题标签 [ion-slide-box]

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 投票
0 回答
120 浏览

javascript - 模态视图关闭后离子滑动框不显示

我有两个垂直对齐的离子幻灯片盒。在第二个滑动框中,我有几个按钮。当我单击这些按钮时,我将呈现一个模态视图,并且在单击模态呈现视图中的另一个按钮时我将关闭模态视图。

问题:关闭模态视图后,第二个离子幻灯片框未显示。仅显示第一个幻灯片框。

这是我的html:

CSS

以及呈现模态视图的代码:

在模态视图出现之前,2 个滑动框正常显示:

在此处输入图像描述

模态视图关闭后,只显示第一个滑动框:

在此处输入图像描述

0 投票
1 回答
1104 浏览

ionic-framework - 离子使用中的动态幻灯片

我无法通过使用ion-slides找到任何动态幻灯片,其中大部分由ion-slide-box给出,该幻灯片将被弃用,我使用ion-slides来创建动态寻呼机但我无法实现,Swipe 不工作只显示第一张卡片,我是离子的初学者任何想法......

我的 HTML 代码:

我的 js 控制器:

0 投票
1 回答
917 浏览

javascript - 更改设备方向时幻灯片消失

我正在使用一个ion-slide-box来显示一些图像。当我不改变设备的方向时,一切正常。如果我这样做,图像有时会消失。再次更改方向会使它们再次出现。

HTML:

CSS:

知道为什么会发生这种情况或/以及如何解决这个问题吗?

0 投票
0 回答
387 浏览

ionic-framework - 在 ipad 中滑出屏幕时,Ionic 幻灯片盒工作异常

应用程序中的滑动框在 ipad3 mini 上工作异常。

当我用手指向右滑出屏幕时,页面无法完全滑动。它就像图片中一样停止。

这仅在向右滑动而不向左滑动时发生。如果我点击屏幕,它将滑动到正常状态。

我能做些什么来解决这个问题吗?

在此处输入图像描述 一切都在 chrome 和 ipad 模拟器上运行良好。

0 投票
1 回答
621 浏览

javascript - 有没有办法动态改变 ion-slide box 滑动间隔值?

我已经为此苦苦挣扎了好几天,我会感谢你的帮助。

我有一个指令,其中有一个广告幻灯片,其中幻灯片间隔与范围内的 var 相关联,我试图通过更新该变量来更改它们中的每一个在 slideChanged 函数中保持活动的时间,下一行代码是重新加载ionicSlideBoxDeletegate,但是,它根本没有加速动画。这是代码...

0 投票
1 回答
764 浏览

ionic-framework - 如果图像不可用,如何在离子滑块中隐藏寻呼机

如果图像为空,如何隐藏图像滚动?我有四个图像,其中第 3 和第 4 个图像不会是强制性的,如果图像名称是noimg.jpg,如何实现?

下面的代码,隐藏图像,但仍然自动滚动在此处输入图像描述

0 投票
1 回答
971 浏览

javascript - 离子幻灯片框 - 如何在离子幻灯片中滑动全宽 iframe 视频

在我的页面上,我有一个用于图像的离子滑块。由于在我的应用程序中用户将能够嵌入视频,我还应该将带有视频的 iframe 添加到同一个滑块中。这就是我的代码现在的样子:

这是我的html:

这仅适用于图像,但是当我有视频时,如果它们占据 100% 的宽度,我将无法滑动它们,这是我在我的 css 中设置的,我只能在它们的宽度小于该宽度并且如果我滑动它们仅在 iframe 不占用滑块空间的部分上滑动它们。由于我需要 iframe 占据 100% 的宽度,我想知道如何让它工作?

0 投票
2 回答
2771 浏览

angularjs - 如何在一行中显示多个图像。在离子应用中使用离子滑块

在离子中,我想在一行中显示多个图像。现在它只显示一个占据整个宽度的图像。我的要求在下面显示为图像 在此处输入图像描述

0 投票
1 回答
194 浏览

angularjs - ion-slide-box 两种方式绑定不起作用

我在使用 ion-slide-box 时遇到问题

链接到示例不起作用

我想实现如下两种方式绑定

无离子滑盒的两种方式绑定

任何帮助表示赞赏

谢谢

0 投票
1 回答
1742 浏览

html - 如何为离子滑块子弹赋予边框颜色

我有离子幻灯片盒,我想给活动子弹的边框颜色设置为白色。 是编辑演示的实时示例,如果您看到活动项目符号为黑色,其余非活动项目符号为灰色,我想要活动项目符号的边框,如下图所示。

这是我到目前为止尝试过的,我尝试过中风

然后我尝试了

在此处输入图像描述