问题标签 [cycle-plugin]

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 投票
2 回答
4926 浏览

jquery - jQuery循环插件,在div中居中图像

我正在寻找使用 JQuery 循环插件来循环浏览一组图像。所有图像的大小都不同,我希望它们都位于容器“幻灯片”DIV 的中心,并使用“淡入淡出”过渡,而不是默认的左上角。

我添加了一个“之前”回调,我在加载之前设置对象的顶部和左侧,使用以下代码:

这可以使第一张图像居中,但之后没有图像,我认为这是因为“淡入淡出”过渡使用 beforeCSS 属性在过渡之前将 Top 和 Left 设置为 0。在不弄乱插件代码的情况下,是否可以用适当的值覆盖这个 beforeCSS?

我可以手动设置 beforeCSS 属性,但我看不出这是如何工作的,因为每个图像的值都不同。

有什么建议么?

0 投票
4 回答
11061 浏览

jquery - jQuery img.load 问题

我正在使用 jQuery循环插件来循环浏览一些图像。这些图像都包含在 DIV 中。我不希望循环插件在加载完所有图像之后运行,或者至少在前 4 或 5 个图像加载之后才运行,这样就不会出现尚未加载的图像。有没有一种简单的方法可以做到这一点?

我尝试在 div 中的最后一个 img 中添加一个类 'lastImg' 并向其中添加一个 'load' 事件,例如

这在 Chrome 和 FF 中似乎没问题,诚然它有点脆弱(有时它不起作用,也许如果图像在缓存中?)而在 IE 中则完全没有(惊喜,惊喜......)。

关于我如何做到这一点的任何其他建议?

0 投票
1 回答
1960 浏览

jquery - jQuery Cycle Plugin - 指定缩略图的位置

我想做的是决定我的缩略图在哪里,而不是使用主图像作为缩略图。

我很确定这是可以做到的,我只需要在正确的方向上稍微推动一下。

这是我的代码:

$('#imageContainer').before('').cycle({ fx: 'fade', speed: 2000, timeout: 8000, pager: '#nav',

});

这是HTML:

任何帮助都可以。

谢谢你

0 投票
1 回答
663 浏览

jquery - Css 正在打破 jquery 循环插件

我已经设法使用 jquery 的循环插件成功地制作了一个带有选项卡式导航工具的旋转幻灯片放映,以及一个链接,其信息是从图像的 alt 标记中收集的。

这两个元素单独工作都很好,但是当它们一起时,它似乎会崩溃。我已将其范围缩小到 CSS 可能存在的问题,当 CSS 被禁用时,所有部分都可以正常工作。但我似乎无法缩小导致此问题的 CSS 部分的范围。

有人看到我可能遗漏的任何东西吗?

代码:

CSS: @charset "utf-8"; /* CSS 文档 */

0 投票
1 回答
2493 浏览

jquery - 使用 jQuery Cycle 插件显示图像标题?

我正在尝试在图像出现的同时显示图像标题,它当前出现在图像之后,使用 :after 选项,代码如下所示,任何想法如何使标题与图片?谢谢!复制代码

0 投票
1 回答
567 浏览

javascript - Jquery Cycle Plugin set thumbnail location

First off, my question is really similar to a question posted here, with the difference being I am using wordpess and the nextgen gallery plugin to manage my images, which writes images thumbnail images as such:

and thumbnails like this:

so what I am looking to do is set the source of the thumbnail. Here's my code:

$('#slideshow').after('').cycle({fx:'fade',speed:'slow',timeout: 0,pager: '#nav',

Any help would be greatly appreciated.

0 投票
2 回答
3277 浏览

css - jQuery Cycle 插件:IE 中的白色背景(任何版本)

在 IE jQuery Cycle Plugin 中将背景设置为白色......即使我的 CSS 对所有内容都是透明的

0 投票
1 回答
660 浏览

jquery-plugins - jquery循环插件浮动问题和浏览器兼容性

作为自由职业者,我正在为自己建立一个新网站。我打算在标题中使用循环插件,但我遇到了一个小问题。我为需要循环的项目编写了 HTML 和 CSS。div#featured 中的每个 div.feature 都应该循环。一个 div.feature 存在一个图像和一个 div.info。它们都向左浮动,因此它们会出现在彼此旁边。在编写 HTML 和 CSS 之后,我编写了 Jquery,当我测试页面时,我看到第一个 div.feature 完美显示,但在第一个循环之后,所有浮动似乎都出错了。

你可以在这里查看:http ://webstudions.be/projects/layout6/

chrome 和 safari 似乎又像 firefox、ie9 和 opera 一样犯了另一个错误。

有没有人知道我应该如何解决这个问题或如何让它工作?

0 投票
1 回答
825 浏览

ajax - Jquery Cycle Plugin,动态 ajax 幻灯片加载问题

我已经在我的页面上设置了循环插件,并通过 ajax 将动态内容调用到页面中。然后我将此内容放入 div 中,然后运行插件。问题是它有时会在加载页面时完美运行,然后当我刷新页面时它根本不会加载。

有什么建议么?

0 投票
3 回答
5161 浏览

javascript - jQuery 循环插件(通常)在 Google Chrome 中不起作用

出于某种原因,当我第一次访问我最近构建的页面时,jQuery Cycle 插件不起作用。该站点位于此处(站点使用不同的语言 [希伯来语])。

无论使用哪种语言,Cycle 插件都可以在 Firefox 和 IE 中正常工作。我想知道这是我端的错误还是插件端的错误。

如果这是我的错误,我该如何解决?