UniGUI學習之多張圖片輪播(38)

 

function afterCreate(sender){ 
  Ext.util.CSS.createStyleSheet(
    "#"+sender.id+"{overflow:hidden; position:relative; }"
   +"#"+sender.id+" .hd{ height:15px; overflow:visible; position:absolute; right:5px; bottom:25px; z-index: 1;}"
    +"#"+sender.id+" .hd ul{ overflow:visible; zoom:1; float:left;  }"
    +"#"+sender.id+" .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;list-style-type:none; }"
    +"#"+sender.id+" .hd ul li.on{ background:#f00; color:#fff; }"
  ); 
  Ext.defer(function(){  var S='<div class="hd"><ul>';
    for (i=0;i<$("#"+sender.body.id).children().length; i++){S += "<li></li>"}; S=S+"</ul><div>";
    $("#"+sender.id+" div:first").before(S);
    $("#"+sender.id).slide({mainCell:"#"+sender.body.id,effect:"leftLoop",easing:"easeInOutBack",autoPlay:true,interTime:5000,delayTime:500});;
  },1); 
}

要多少張圖片，就多加幾個UniImage