Drupal Flexslider 使用答案

【问题标题】：Drupal Flexslider UseDrupal Flexslider 使用
【发布时间】：2016-08-17 20:26:49
【问题描述】：

和往常一样，客户要求在圆孔中插入一个方钉。

我在几页中使用了 Flexslider 模块，但他们现在想要混合图像和内容幻灯片。我之前没有在 CMS 上做过这个，但是我在安装 Drupal 时遇到了问题。那里有解决办法吗？我已添加：

    drupal_add_js(drupal_get_path('theme','themename').'/js/jquery.flexslider.js');
    drupal_add_css(drupal_get_path('theme','themename').'/css/flexslider.css');

这些加载正常。

然后到页面： $(窗口).load(函数() { $('.flexslider').flexslider(); });

但是，我没有得到任何负载。

【问题讨论】：

标签： jquery drupal-7 flexslider

【解决方案1】：

显然，我需要变得绝望并询问互联网。

我在 template.php 中的解决方案（是的，mytheme 中有一些 flexslider 调用）：

 function MYTHEME_preprocess_page(&$variables, $hook) {
//Add javascript based on content type
if (isset($variables['node']->type) && !empty($variables['node']->type ($variables['node']->type == 'flexslider_hiddenAKA:mycontent_type_for_this')){
    drupal_add_js(drupal_get_path('theme', 'MYTHEME') . '/js/plugins/jquery.flexslider-min.js');

//Initialize slideshow using theme settings
$effect=theme_get_setting('slideshow_effect','MYTHEME');
$effect_time=theme_get_setting('slideshow_effect_time','MYTHEME')*1000;
$slideshow_controls=theme_get_setting('slideshow_controls','MYTHEME');
$slideshow_random=theme_get_setting('slideshow_random','MYTHEME');
$slideshow_pause=theme_get_setting('slideshow_pause','MYTHEME');
$slideshow_touch=theme_get_setting('slideshow_touch','MYTHEME');

drupal_add_js('
    jQuery(document).ready(function($) {

        $(window).load(function() {

            $(".flexslider").fadeIn("slow");

            $(".flexslider").flexslider({
                useCSS: false,
                animation: "'.$effect.'",
                controlNav: '.$slideshow_controls.',
                directionNav: '.$slideshow_controls.',
                animationLoop: true,
                touch: '.$slideshow_touch.',
                pauseOnHover: '.$slideshow_pause.',
                nextText: "&rsaquo;",
                prevText: "&lsaquo;",
                keyboard: true,
                slideshowSpeed: '.$effect_time.',
                randomize: '.$slideshow_random.',
                start: function(slider) {
                    slider.removeClass("loading");
                }
            });
        });
    });',array('type' => 'inline', 'scope' => 'footer', 'weight' => 5)
);


}

}

【讨论】：