Random Wordpress-在滑块[旋转滑块或类似滑块]上随机化文本

Random Wordpress-在滑块[旋转滑块或类似滑块]上随机化文本,random,wordpress,slider,revolution-slider,Random,Wordpress,Slider,Revolution Slider,我正在使用Wordpress的Revolution滑块插件。 我有5个图像在我的滑块,我有30个短文本。我想在滑块每次改变图像时随机显示这30个文本中的一个。 你能建议我怎么做吗(同时更改插件) 谢谢这可以通过一个简短的脚本和css规则轻松添加 CSS部分 .forcenoshow { display:none !important} jQuery('#yoursliderid').bind('.revolution.slide.onafterswap',function() { var

我正在使用Wordpress的Revolution滑块插件。 我有5个图像在我的滑块,我有30个短文本。我想在滑块每次改变图像时随机显示这30个文本中的一个。 你能建议我怎么做吗(同时更改插件)


谢谢

这可以通过一个简短的脚本和css规则轻松添加

CSS部分

.forcenoshow { display:none !important} 
jQuery('#yoursliderid').bind('.revolution.slide.onafterswap',function() {
  var randomindex = Math.round(Math.random()*30);
  jQuery('.current-sr-slide-visible').find('.tp-caption').each(function(i) {
      if (i!==randomindex) jQuery(this).addClass("forcenoshow");
});
JS部分

.forcenoshow { display:none !important} 
jQuery('#yoursliderid').bind('.revolution.slide.onafterswap',function() {
  var randomindex = Math.round(Math.random()*30);
  jQuery('.current-sr-slide-visible').find('.tp-caption').each(function(i) {
      if (i!==randomindex) jQuery(this).addClass("forcenoshow");
});
这将为当前幻灯片中的所有层提供一个“display:none!important”属性来隐藏层。幻灯片中只有一层可见


更多常见问题解答和答案,请访问:

我知道这是一个有点旧的答案,但这个脚本将走向何方?近两年后有效吗?