Processwire - Vegas Slideshow

Vegas Slideshow in Processwire Integrieren Beispiele

Siehe auch

• JavaScript - Vegas Slider

Beispiel 1

Header

<link rel="stylesheet" href="<?php echo $config->urls->templates?>vendors/vegas/vegas.min.css" type="text/css" media="screen">

Footer

<script src="<?php echo $config->urls->templates?>vendors/vegas/vegas.min.js" type="text/javascript" charset="utf-8"></script>

Main JavaScript

Wir prüfen ob die Funktion initVegas auf der Seite vorhanden ist bevor wir versuchen sie auszuführen. So gibt es keine Fehler auf Seiten, auf denen die Funktion nicht genutzt wird.

(function($){ //create closure so we can safely use $ as alias for jQuery
  $(document).ready(function(){
    // init Vegas
    if (ifNamespaceFunctionExists("initVegas") ) {// init Vegas Slider if av.
      initVegas();
    }
  });
})(jQuery);

function ifNamespaceFunctionExists(myFnc){
  //var myFnc = "foo.bar.fun";

  var nameParts = myFnc.split(".");  //split up the string into the different levels
  var fnc = window;  //set it to window
  for(var i=0;i<nameParts.length;i++){  //loop through each level of the namespace
      fnc = fnc[nameParts[i]];
      if(!fnc){  //make sure it exists, if not exit loop
          fnc = null;
          break;
      }
  }
  if( fnc && typeof fnc === "function" ) {  //make sure it exists and it is a function
      return true;  //or execute it
  }else return false;
}