Cjuislider displays a slider that can be scaled with the slider bar or used as a different function, encapsulating the JUI slider plug-in.
This example scales a pair of images by Cjuislider:
<?php $this->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, ' ), ?> <div id= "Zoom" >50%</div> <br/>
<?php $this->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, ' ), ?> <div id= "Zoom" >50%</div> <br/>
The above is the PHP Development Framework Yii Framework Tutorial (ZII) component-slider sample content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!