How to implement Nivo Slider in CAF

Hi All,

Can anyone please let me know the steps to implement jquery sliders in CAF?

Sathyaraj Balaraman

Right now, it is very difficult to include JQuery w/CAF due to the fact that CAF is using prototype and there is a lot of duplicate APIs by both javascript libraries.

However, we are working to alleviate that situation so in a release or two it should be far easier to leverage many of the other very cool javascript frameworks with your CAF app.


jQuery comes with no conflict stuff to make this happen easily. Try this:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.
$j(document).ready(function() {
$j( "div" ).hide();
// The $ variable now has the prototype meaning, which is a shortcut for
// document.getElementById(). mainDiv below is a DOM element, not a jQuery object.
window.onload = function() {
var mainDiv = $( "main" );

So you end up using $j instead of $ for jQuery, but at least you don’t have to use Prototype!