将自定义jquery插件集成到wordpress主题中

时间:2018-10-18 13:49:14

标签: php jquery wordpress jquery-plugins

我有这个基本的jquery插件,可以像滑条一样批准页面内的图像。我想用它来包装所有附加在wordpress帖子上的图像。如果有可能,我希望在用户创建新文章时,使用此插件显示所有附带的图像和的缩略图。我需要找到一种将图像的javascript数组传递给脚本的方法。在WordPress中这可能吗?我已经注册了脚本,因此在wordpress加载时就包含了该脚本

这是插件的代码:

jQuery(function($){

  $.fn.bslider = function(images){
     var n = images.length;

     return this.each(function() {
       var el = $(this);
       setInterval(function(){
         if(n == images.length){
           n = 0;
         }
           el.fadeIn('slow')
           .css({backgroundImage: images[n]});
           n++;
       }, 5000);
      el.css({backgroundImage: images[images.length-1]}); 
    });
  }

}); 

它将接受存储图像的url数组。 这就是我将在普通的php或html页面上使用它的方式

var images = ['url("images/img1.jpg")','url("images/img2.jpg")','url("images/img3.jpg")'];

$('.slider').bslider(images);

codepen demo

0 个答案:

没有答案