$this->widget('zii.widgets.jui.CJuiSlider', array(
    'value'=>40,
    'options'=>array(
        'min'=>1,
        'max'=>100,
        'slide'=>'js:
            function(event,ui){
                $("#image").width(400*ui.value/100);
                $("#zoom").text(ui.value+"%");
            }
        ',
    ),
    'htmlOptions'=>array(
        'style'=>'width:200px; float:left;'
    ),
));

$this->widget('zii.widgets.jui.CJuiSliderInput', array(
    //'model'=>$model,
    //'attribute'=>'size',
    'name'=>'my_slider',
    'value'=>50,
    'event'=>'change',
    'options'=>array(
        'min'=>0,
        'max'=>100,
        'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',
    ),
    'htmlOptions'=>array(
        'style'=>'width:200px; float:left;'
    ),
));