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 )!