How to implement Nivo Slider in CAF

, ,
1

Hi All,

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

Thanks,
Sathyaraj Balaraman

2

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.

Regards,
–mark

3

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

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<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" );
}
</script>

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