Drupal Flexslider使用

Question

像往常一样，客户要求在圆孔中插一个方形的钉子。

我在几个页面上使用了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');

这些文件加载正常。

然后转到页面：$(Window)函数(.load(){ $('.flexslider').flexslider()；})；

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

Answer 1

显然，我需要变得孤注一掷，去问互联网。

我在template.php中的解决方案(是的，我的主题中有一些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: "›",
                prevText: "‹",
                keyboard: true,
                slideshowSpeed: '.$effect_time.',
                randomize: '.$slideshow_random.',
                start: function(slider) {
                    slider.removeClass("loading");
                }
            });
        });
    });',array('type' => 'inline', 'scope' => 'footer', 'weight' => 5)
);


}

}