Drupal Flexslider Verwenden Sie

Question

Wie üblich, hat ein Kunde gebeten, einen quadratischen Pflock in ein rundes Loch zu stecken.

Ich verwende das Flexslider-Modul für ein paar Seiten, aber sie wollen jetzt eine Mischung aus Bildern und Inhaltsfolien. Ich habe dies vorher nicht auf einem CMS gemacht, aber ich habe Probleme beim Laden meiner Drupal-Installation. Gibt es da draußen eine Lösung? Ich habe hinzugefügt:

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

Diese laden fein.

Und dann diese auf die Seite: $ (Fenster) .load (function() { 'flexslider'. $() flexslider(); });

Aber ich bekomme nichts für die Last.

Answer 1

Anscheinend musste ich verzweifelt werden und das Internet fragen.

Meine Lösung in template.php (ja, mytheme darin einige flexslider Anrufe hatte):

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) 
); 


} 

}