jCarrotCell Demo: Using the API

Demo: Using the API

  1. Empty
  2. ReloadWith

Empty

This method clears all slides from the slide show. Note that the view port does not have a height set due to progressive enhancement keeping it flexible.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
    
var kitten = $("#emptyKitten").carrotCell();
var kittenAPI = $(kitten).data("carrotCell");			

$("#emptyKittenAction").bind("click", function(){
	kittenAPI.empty(); 
});

    ReloadWith

    Use this API method to replace the entire slide show with new content.

    1. 1
    2. 2
    3. 3
    4. 4
    5. 5
    6. 6
    7. 7
    8. 8
    9. 9

      Pass reloadWith all the elements of the slide show. Note that there is no error checking on what is passed in. Also when reloading on an auto scrolling carrotCell strange behavior might occur.

      
var reloadKitten = $("#reloadKitten").carrotCell();
var reloadKittenAPI = $(reloadKitten).data("carrotCell");			

$("#reloadKittenAction").bind("click", function(){
	reloadKittenAPI.reloadWith('
    1. reload 1
    2. reload 2
    3. reload 3
    4. reload 4
    5. reload 5
    6. reload 6
    7. reload 7
    8. reload 8
    9. reload 9
      10. '); 
});