Home

Ext.ux.CarouselPanel

Voila un exemple de ce qu'on peut faire avec Ext Core.
Le carrousel, un wigdet à la mode et qui fait toujours son petit effet.
Rien d'incroyable pourtant, des images qui défilent en boucle automatiquement ou manuellement.

Dans cette version la déclaration de l'objet ressemble à ca :

  1. new Ext.ux.CarouselPanel({
  2.     enableLoop:true
  3.     ,enableSlideShow:2000
  4.     ,enableButtons:true
  5.     ,deferSlideShow:2000
  6.     ,itemSize:{
  7.       width:400
  8.       ,height:200
  9.     }
  10.     ,items:[
  11.       {html:"item 1", image:"http://www.soreia.com/images/developpement-soreia.png"},
  12.       {html:"item 2", image:"http://amazingdata.com/mediadata57/Image/crazy_funny_amazing_shocking_awesome_sexy_200907311355002837.jpg"},
  13.       {html:"item 3", image:"http://1.bp.blogspot.com/_Bf6UzKbHR7c/SAAQxLa6RwI/AAAAAAAAA5w/EXuyb71tUg8/s400/lolcats-funny-pictures-angermanagement.jpg"}
  14.     ]
  15.     ,buttons:[
  16.       {width:70, image:"http://icons3.iconfinder.netdna-cdn.com/data/icons/glaze/64x64/actions/previous.png"}
  17.       ,{width:70, image:"http://icons3.iconfinder.netdna-cdn.com/data/icons/glaze/64x64/actions/next.png"}
  18.     ]
  19.   }).render();