PHP Development Framework Yii Framework Tutorial (zii) Component-slider Example

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

