问题标签 [infinite-carousel]

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

android - 如何使用 viewpager 和 fragmentStatePager 适配器创建轮播

我是 android 新手,我正在尝试在 android 中创建一个轮播。我的班级结构如下

...

现在我的程序工作正常,我可以通过向左或向右滑动来获取 10 个片段。但我想将这 10 个片段显示为轮播,以便用户更好地了解当前位置的左侧或右侧还有更多片段。

有人可以告诉我该怎么做。

我确实发现这个 url ViewPager carousel using PageContainer not working with FragmentPagerAdapter但对于像我这样的初学者来说没有太多信息。

0 投票
0 回答
264 浏览

jquery - jquery infinite carousel viewport size relative to carousel image size

I'd like to preface this with the fact I am posting for the first time and am a totally noob to web design and this forum...

I am trying to setup a carousel gallery to display images and I'm utilizing the jQuery infinite carousel script to do so. I've noticed that my images seem to be shorter than the viewport window even though I believe I've set the dimensions to be the same. I've done some trial and error and believe it's a CSS setting I don't have correct, but I wouldn't be surprised if I'm way off.

As I mentioned, I've never posted here before so whatever you'd like for me to post, I will try and do in order to get beneficial feedback.

I haven't modified any of the original js (jquery.infinite-carousel.js). I have modified the .css file that I downloaded to be easier for me to understand.

Thanks for any kind of help.

0 投票
0 回答
840 浏览

css - 3d 旋转木马的旋转

我有一些可以在最新版本的 Firefox 中运行的代码(不确定 IE,我怀疑不是,但我不使用 IE)......并且刚刚意识到它在 Chrome 中不起作用,我需要添加供应商前缀. 我会及时到达 mozzilla 等,但现在我只想让它在 chrome 中工作。在 FF 而不是 chrome 中工作的例子可以在这里看到http://fourthperimetertactical.com/goods.php

更新:下面的代码现在可以像 Firefox/Chrome/Opera 中的旋转木马一样旋转运动(最新版本,未进行回溯测试)。

这很粗糙,我还在整理造型、尺寸等……但动作本身就像一种魅力。

于 2013 年 9 月 25 日 5:15 更新

我提前感谢任何人在它搞砸的地方的任何指示。除了实际正确的旋转之外,css 做了它应该做的一切。

0 投票
2 回答
2254 浏览

javascript - 适用于帖子列表的最佳 Jquery Carousel 插件是什么?

概括:

我想创建一个随机播放功能。要做到这一点:

1)根据他们的“ID”创建一个随机的可用帖子总数列表;

2)根据ID获取完整的帖子数据(此时我有一个随机的帖子数组)

3)应用在这些随机帖子中导航的轮播(仍然要做这个问题的目的)。

什么是最好的轮播?

0 投票
3 回答
57876 浏览

jquery-plugins - 是否可以使用 owl carousel 实现循环/无限轮播?

我正在使用 owl carousel,它运行良好,但它不支持循环/无限滚动。我确实在谷歌和 stackoverflow 上搜索了想法,但没有运气。有没有人在猫头鹰轮播中实现循环/无限滚动?

0 投票
0 回答
327 浏览

jquery - jquery infinitecarousel 插件,动态加载重叠数据无法正常工作

我从这里使用无限轮播插件的 3.02 版

帮助我根据数据库中的数据整理一些笔记。我的问题是轮播左右箭头没有出现,我不认为轮播效果正在发生。这是我组装数据的方式:

我看到背景图像与文本叠加得很好,但有两个问题:第一个是第一个图像显示的比第二个图像低约 30 像素。第二个问题是我不认为轮播插件正在加载并且我没有看到左右箭头。我查看了 Firebug 的 NET 选项卡,它显示正在加载 right.png 和 left.png。在 jquery 之后,我将插件加载到我的文档的头部:

这就是我唤起它的方式:

最后是CSS:

0 投票
2 回答
1467 浏览

jquery - 在使用 Data Cycle FX 的 jQuery 轮播菜单中居中活动 li 项

我已经阅读了许多示例,但似乎没有一个可以解决我的所有问题。我有一个 Wordpress 生成的菜单,其中 LI 项包含指向由 Data Cycle FX 插件和 jQuery 控制的内容的锚链接。一切都按我的意愿工作,除了在页面刷新/加载时,我想检测哪个 LI 项目是 .active,并让该项目在可见区域内居中。(如果重新加载页面,这主要是一个问题,因为任何不是前 6 个项目之一的 li.active 都会被隐藏。)我认为我需要检测 .sub-navigation div 的宽度并以某种方式使用position() 或 offset() ...但我的尝试没有成功。任何意见是极大的赞赏 :-)。

这是我的 HTML 显示菜单结构:

这是我的CSS:

我的查询:

似乎与此类似的功能应该可以使 .active 元素在视口中居中,但我的理解/方法一定有问题:

0 投票
1 回答
221 浏览

jquery - 无限轮播适用于 chrome 但不适用于 Firefox

我正在使用无限轮播,它在 chrome 上效果很好,但图像不显示在 Firefox 上,这是链接http://www.mawk3y.net/alsoos/saudisaif 我试图将浮动从左到右更改

  • 并且出现了第二个图像屏幕,但箭头根本不起作用

  • 0 投票
    1 回答
    529 浏览

    android - ViewPager 位置对于不同的轮播图像保持不变

    我正在使用 FragmentPagerAdapter 和 ViewPager 处理轮播视图。我面临的问题是,每当我在每个页面滚动时更改图像名称时,只会显示第二个图像错误名称。在这种情况下,它显示第一张图像的名称,从第三张图像开始,位置再次从 0 增加到 1 等等。我检查了 onPageScrolled 中的位置,第一张和第二张图像都显示为 0。我还观察到的另一件事是,只有在显示第二张图像时,getItem 方法才会调用。如果您有解决此问题的任何想法,请指导我。

    0 投票
    1 回答
    1828 浏览

    javascript - Bootstrap Angular carousel 动态设置活动幻灯片

    我正在使用 Bootstrap Angular 轮播,我想要做的是在加载时动态设置活动类。我 mediacontent[slider_url].items是从后端加载的。我没有任何承诺的方法,否则我会设置,

    以下是我用来从后端获取图像数组的工厂(用于无限滚动),

    图像数据工厂:

    轮播 HTML:

    有什么方法可以动态设置活动,请建议。

    这个 plunker 我试过了: http ://plnkr.co/edit/VemNkVnVtnaRYaRVk5rX?p=preview