PHP開發架構Yii Framework教程(39) Zii組件-Slider樣本

CJuiSlider顯示一滑動條，可以通過滑動條來縮放映像或用作其它功能，它封裝了 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