Bearbeiten von „Processwire - Vegas Slideshow“

== Vegas Slideshow in Processwire Integrieren Beispiele ==

== 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.
<syntaxhighlight lang="javascript">
(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;
}
</syntaxhighlight>
=== Processwire Template ===