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

jquery - 在 jQuery Infinite Carousel 中创建容器调整大小功能

我正在 wordpress 网站http://cambridgeuplighting.com/scale-test上创建 jquery Infinite Carousel 的自定义实现。我想让我的客户选择添加任何分辨率的照片并调整容器元素的大小以适应它。我将使用与 Lightbox/Slimbox 或 SimpleViewer 中相同的动画调整大小效果。

我有一个好的开始,但代码中存在一些缺陷。这里是对infinitecarousel.js中“thumbClick”函数的修改`

这是我添加到自己的 init.js 中的代码,用于将 li 元素的 rel 属性设置为其索引值

因此,您可以在测试页面上看到:cambridgeuplighting.com/scale-test,此代码未选择具有正确宽度的正确图像来调整大小。我知道我需要解决的一个问题不是在单击时设置 Li 宽度,而是需要在页面加载时正确设置它们。

谢谢你的帮助!

0 投票
1 回答
1142 浏览

jquery - Galleria 和 Infinite 轮播和 ajax

我正在将 Galleria 插件用于页面上的图片库 此页面使用 ajax 加载到框架页面中 这是 ajax

在框架页面上我很m using Infinite gallery that uses <ul></ul> tags my problem is that offline, testing the page it work完美,但在服务器(在线)上,使用 Galleria 的画廊去了狗。我的意思是我有一个所有图像的列表而不是画廊。

PS 谁能帮我找到一个更好的 ajax 脚本 :D

你可以在这里找到在线版本[链接文本][1]

[1]:http : //minavet.ro/TEST/uberminavet/index.html 它在 tb galerie

0 投票
1 回答
2860 浏览

jquery - 如何使jquery悬停事件反复触发

我有一个无限轮播,当我将鼠标悬停在下一个和上一个按钮上时,我想移动它。现在悬停只触发一次。当鼠标位于下一个或上一个按钮内时,我希望轮播继续移动。

有什么建议么?

0 投票
2 回答
6913 浏览

iphone - iPhone:在 UIScrollView 内无限循环内容

在我的应用程序中,我正在设计一个自定义选择器,它允许用户通过水平滚动并触摸它来选择一个项目。当用户在某个方向滚动时,我需要该视图内的按钮无限循环。当内容循环出视图时,在保持 UIScrollView 惯性滚动的同时解决此功能的最佳方法是什么?

根据我对尝试此操作的其他人的研究,如果在用户抬起手指后滚动位置以编程方式在滚动中移动,他们将难以维持减速动画。我该如何解决这个限制?

目前具有此功能的应用程序示例是 Apple 的MobileMe Gallery 应用程序。在界面中,选择一个图库后,在顶部,有一个水平滚动的照片选择器,当它向一个方向拖动时,它会无限循环。

任何意见是极大的赞赏。

0 投票
3 回答
655 浏览

javascript - jQuery Carousel 跳转到错误的项目

我有一个特殊的问题,:lastand.before()方法没有在最后一个元素之前插入代码。


[编辑]
我想出了一个新问题:/


问题是(现在<li>'s 已按顺序排列),Carousel 现在将滚动浏览 4 个项目,但它们会快速跳转到下一个项目。

代码如下。 (另外,我认为是这样的:$('#carousel_ul').css({'left' : '0px'});那就是这样做 -1937.

非常感谢。

和CSS:

0 投票
2 回答
1354 浏览

c# - C# 中最有效的无限循环(轮播)

假设有一个对象列表,每个对象都有一个 ID,那么构建轮播的最有效方法是什么,以便每个对象都知道它的上一个和下一个项目是什么。最后一个项目的 previousId 将链接到第一个项目。第一项的 previousId 将链接到最后一项。

我需要上一个的 ID 和下一个的 ID,因为这将用于填充网页上的下一个和上一个按钮。

我知道我可以遍历它们,为 _next 和 _prev id 添加占位符,但是最有效的方法是什么?

我想我的对象应该是这样的:

所以,如果我有一个List<Item> items如何最有效地将前一个和下一个 ID 添加到每个项目?

我想我看错了。有没有更好的方法来做到这一点?

0 投票
2 回答
4073 浏览

c# - 如何在 Windows Phone 7 中使用图像创建无限轮播效果

在我的 Windows Phone 7 应用程序中,我有一个对象列表,其中包含与每个对象相关联的图像(总共大约 40 个)。我的主页上有一张图片,还有一个按钮,用户可以单击该按钮随机选择其中一个对象,然后更改图片以匹配随机选择的对象。

对于动画效果,我想要一个水平的“老虎机”效果,屏幕上会出现另外两张原始图片(左右),然后它们都会非常快速地向左移动. 当每个人离开屏幕时,它应该重新出现在右侧(就在屏幕外),并加载了不同的图片,并且这一切都应该持续一段时间(在减速并停止到所选图像之前)。

我做了一些研究,发现 PathListBox 非常适合这种动画/旋转,但不幸的是它只在 Silverlight 4 中,而 Windows Phone 7 正在运行 Silverlight 3。另一种方法是使用水平列表框并重新-订购物品以将它们移到最后......但我不确定如何在动画中做到这一点。

最糟糕的是,实现它的真正糟糕的方法是为每个图像使用带有数十个未对齐关键帧的 DoubleAnimation,并计算每个图像何时离开屏幕,然后在此之后设置一个离散的关键帧以弹出图像屏幕右侧。这将是完全乏味的并且涉及大量的硬编码,并且几乎不可能将缓动功能应用于(加速/减速)。这样做的最佳方法是什么?

谢谢!!

0 投票
2 回答
1261 浏览

javascript - Infinite Carousel 无法在 IE 中正确加载,适用于 Chrome、Safari 和 FF

大家好,我在 BigCartel.com 上经营一家商店。最近我决定在我的商店中加入一个 jQuery 滑块。我选择了这个而不是闪存,以便它与我的客户的 Apple 移动设备兼容。不幸的是,我遇到了一些让它在 IE 中工作的问题。在这一点上,它在我担心的其他主要浏览器 Chrome、FF 和 Safari 中都能完美运行。我想我也许可以在这里找到一些有效的帮助,而不是把头撞在墙上继续试图解决这个问题。

您可以在www.StarboardClothing.com上查看我的网站。我使用的滑块名为“Infinite Carousel”,可在Catch My Fame上找到。

这是我目前正在使用的代码:

在我的布局页面部分中,它适用于网站上的所有其他页面,我有以下代码。



然后,我在我的站点上实际实现插件的部分中包含以下代码。这就是让它在 IE 中具有一定功能的原因。在添加该包装器之前,它根本无法在 IE 中运行。此时它只是最小的功能,并且插件在播放一次后就崩溃了。尽管在其他主要浏览器中都可以使用,但目前没有任何控件在 IE 中有效。



如果有人可以帮助我在 IE 中使用它,我将非常感激。我知道可以在 IE 中工作。我特别选择这个插件的部分原因是它可以在创建者网站上的 IE 中使用。我很乐意尝试实施您可能提出的任何建议并让您知道结果。提前谢谢。

0 投票
1 回答
857 浏览

jquery - 在第二帧启动 jQuery Carousel

我有这个 jQuery 轮播:http ://dougie.thewestharbour.com/wp-content/themes/dougie/slider.html

它现在工作得很好,但是我试图在 css 和 jQuery 中修复两件事:

http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/css.css http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/js.js

我如何让它从屏幕中心的第二帧开始,第一帧仍然在左边,第三帧仍然在右边?它必须在中心,以便第一个和第三个在两侧均匀分布。

我附上了一张 1280 宽屏幕上应该是什么样子的图像。然后在更大的屏幕尺寸上,您只会看到更多的左右图像,并且所有内容仍将居中。

在此处输入图像描述

此外,您可以看到它在从 1 移动到 2 时添加了下一个循环。我将如何得到它以便在它从末端移回 1 时添加它,这样您实际上看不到它添加了?

谢谢,韦德

0 投票
0 回答
761 浏览

android - 带有来自远程站点的图像的圆形画廊?

我正在使用此代码从 url 检索图像。并将它们设置在画廊视图中。

我如何使画廊成为圆形或使图像在一个圆圈中而不是直接穿过屏幕。这是我扩展 BaseAdapter 的 imageAdapter ......

在这里,我使用此方法将 imageAdapter 设置为 Gallery。

我如何着手制作画廊圆形,从网址下载图像?

编辑:就像一个旋转木马。像这样

https://market.android.com/details?id=com.photocarousel.android&feature=more_from_developer