PHP development framework YiiFramework tutorial (39) Zii component-Slider example

CJuiSlider displays a slide that can be used to scale an image or use it as another function. it encapsulates the JUIslider plug-in. CJuiSlider displays a slide that can be used to scale an image or use it as another function. it encapsulates the JUI slider plug-in.

In this example, CJuiSlider is used to scale an image:

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

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

The above is the content of the Zii component-Slider sample in the PHP development Framework Yii Framework tutorial (39). For more information, see PHP Chinese website (www.php1.cn )!