Revolution Slider Carousel 负载很小

Posted

技术标签:

【中文标题】Revolution Slider Carousel 负载很小【英文标题】:Revolution Slider Carousel loads tiny 【发布时间】:2017-04-18 13:16:23 【问题描述】:

我在我的 wordpress 网站中实现了一个 rev 滑块,我印象不是很深刻。

第一个轮播滑块在页面加载时加载正常,但下一批轮播滑块似乎需要很长时间才能呈现实际大小。这是一个可以更好地解释的快照。

这是选项卡上的第一个轮播滑块,默认情况下会在页面加载时显示,看起来很棒。

secon 选项卡上的第二个加载不正确,除非我多次刷新页面,否则它将永远以这种大小持续存在。一点都不酷。

我感觉我错过了一些配置,但似乎无法通过谷歌搜索获得任何帮助,我会感谢我能获得的所有帮助。

谢谢。

【问题讨论】:

【参考方案1】:

这不是配置问题,而是发生脚本冲突问题,因为滑块位于选项卡中,因此最初第一个选项卡内容可见,而其他选项卡内容隐藏,因此从技术上讲,第二个选项卡的内容高度为 0。而且由于滑块会动态计算它要占用的空间,因此它会随着标签脚本在滑块脚本之后加载一点而变得更小。尝试联系 ThemePunch 支持并询问他们重绘代码,这将使用滑块 API 重绘滑块,强制滑块在页面加载时强制重新加载,从而在第一次正确加载滑块。

【讨论】:

嗨@Masood。感谢您的答复。我从 ThemePunch 支持那里得到了这个link,并且想知道如何进行实施。所以我将下面的代码插入到我的主题中的自定义 JS 框中。现在在选项卡中显示轮播滑块的每个页面上,我需要调用重绘,但我该怎么做?我必须在哪里用实际的滑块ID替换#sliderid? 'var revapi; jQuery(document).ready(function() revapi = jQuery("#sliderid").revolution( ... ); );'

以上是关于Revolution Slider Carousel 负载很小的主要内容,如果未能解决你的问题,请参考以下文章

如何在 WordPress 上删除导致站点错误的未使用的 Revolution Slider

Slider Revolution 中桌面和移动设备的不同滑块布局

如何使用 Slider Revolution for WordPress 创建像本网站这样的滑块? - 惊奇网

Wordpress Divi Slider自定义javascript控件

text carouse决赛

jasmine revolution啥意思