How To Run Script After Load Image

Yii 1.1 General Discussion
1

Dear all,

I have task that create dynamic image slide show,I use free javascript for image slide show,I load images in database and put them to script,I recognize that script runs before we load image,Is there any ways to load data before script run or any suggestions to do this action?

here is my code:




<?php  

  $baseUrl = Yii::app()->baseUrl;   

  $cs = Yii::app()->getClientScript();

  $cs->registerScriptFile($baseUrl.'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'); 

  $cs->registerScriptFile($baseUrl.'/themes/classic/js/jquery.cycle.all.min.js');  

  $cs->registerScriptFile($baseUrl.'/themes/classic/js/presentationCycle.js');   

  $cs->registerCssFile($baseUrl.'/themes/classic/css/presentationCycle.css');

  $cs->registerCssFile($baseUrl.'/themes/classic/css/slidecontent.css');

?>

<div class="container">  

        

        <div id="presentation_container" class="pc_container">       

            <div class="pc_item">

            <?php if($models != null): ?>	

            

			<?php  foreach($models as $model): ?>			

                <div class="desc">

                   <h1><?php echo $model->cate_name?></h1>                 

                </div>

             	<img src="/uploadfiles/categories/<?php echo $model->cate_image?>"  alt="<?php echo $model->cate_image?>" /> 

            <?php endforeach;?>	

			<?php endif; ?>	

            </div>           

            

             <div class="pc_item">            		

                <div class="desc">

                   <h1>TEST</h1>                 

                </div>

             	<img src="/uploadfiles/categories/02-08-2014-06-58-02-regular acrylic.jpg "  alt=" 02-08-2014-06-58-02-regular acrylic.jpg " /> 

            

            </div>

        </div>

        

        <script type="text/javascript">

            presentationCycle.init();

        </script>

    

    </div>

here is the free script I copy :


http://ntuts.com/tong-hop/15-jquery-slideshow-ban-khong-nen-bo-qua
2

Do not register jquery as you do, transform your block like:




$baseUrl = Yii::app()->baseUrl;   

  $cs = Yii::app()->getClientScript();

  $cs->registerCoreScript('jquery'); 

  $cs->registerScriptFile($baseUrl.'/themes/classic/js/jquery.cycle.all.min.js');  

  $cs->registerScriptFile($baseUrl.'/themes/classic/js/presentationCycle.js');   

  $cs->registerCssFile($baseUrl.'/themes/classic/css/presentationCycle.css');

  $cs->registerCssFile($baseUrl.'/themes/classic/css/slidecontent.css');

next, when you init your slider, do it in document ready, make it look like:




<script type="text/javascript">

jQuery(document).ready(function($){

    presentationCycle.init();

});      

</script>

Your comparison




<?php if($models != null): ?>

always validates to true because findAll will return an array of models or an empty array, never a null value.

I guess that’s it :)