Heim  >  Artikel  >  Backend-Entwicklung  >  PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii-Komponenten-Slider-Beispiel

PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii-Komponenten-Slider-Beispiel

黄舟
黄舟Original
2017-01-22 10:04:201211Durchsuche

CJuiSlider zeigt einen Schieberegler an, der zum Zoomen von Bildern oder für andere Funktionen verwendet werden kann. Er kapselt das JUI-Schieberegler-Plug-in.

In diesem Beispiel wird CJuiSlider zum Skalieren eines Bildes verwendet:

<?php $this->widget(&#39;zii.widgets.jui.CJuiSlider&#39;, array(  
    &#39;value&#39;=>50,  
    &#39;options&#39;=>array(  
                &#39;min&#39;=>1,  
                &#39;max&#39;=>100,  
                &#39;slide&#39;=>&#39;js:  
            function(event,ui){  
                $("#image").width(648*ui.value/100);  
                $("#zoom").text(ui.value+"%");  
            }  
        &#39;,  
                ),  
            &#39;htmlOptions&#39;=>array(  
                &#39;style&#39;=>&#39;width:648px; float:left;&#39;  
                ),  
)); ?>  
  
<div id="zoom" >50%</div>  
<br />  
  
<img  id="image"    style="max-width:90%" src="images/harry.jpg" alt="PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii-Komponenten-Slider-Beispiel" >
<?php $this->widget(&#39;zii.widgets.jui.CJuiSlider&#39;, array(  
    &#39;value&#39;=>50,  
    &#39;options&#39;=>array(  
                &#39;min&#39;=>1,  
                &#39;max&#39;=>100,  
                &#39;slide&#39;=>&#39;js:  
            function(event,ui){  
                $("#image").width(648*ui.value/100);  
                $("#zoom").text(ui.value+"%");  
            }  
        &#39;,  
                ),  
            &#39;htmlOptions&#39;=>array(  
                &#39;style&#39;=>&#39;width:648px; float:left;&#39;  
                ),  
)); ?>  
  
<div id="zoom" >50%</div>  
<br />  
  
<img  id="image"    style="max-width:90%" src="images/harry.jpg" alt="PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii-Komponenten-Slider-Beispiel" >

PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii-Komponenten-Slider-Beispiel

Das Obige ist das PHP-Entwicklungsframework Yii Framework-Tutorial (39) Zii Komponente – Der Inhalt des Slider-Beispiels. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn