PHP开发框架Yii Framework教程（39） Zii组件-Slider示例

PHP开发框架Yii Framework教程（39） Zii组件-Slider示例2013-02-03 csdn mapdigitCJuiSlider显示一滑动条，可以通过滑动条来缩放图像或用作其它功能，它封装了 JUI slider插件。

本例通过 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;" ）,））; ？><center id="zoom" >50%</center><br /><img id="image" width="324" src="images/harry.jpg">

查看全套教程：http://www.bianceng.cn/webkf/PHP/201301/35265.htm

本例下载：http://www.imobilebbs.com/download/yii/JuiSliderDemo.zip