Subversion Repositories SmartDukaan

<?php 

//print_r($home_banner);

if(isset($home_banner) and !empty($home_banner) and count($home_banner)>0)

{//print_r($home_banner); 

?><div id='mySwipe' style='max-width:500px;margin:5px auto 0' class='swipe home-banner'>

          <div class='swipe-wrap'>

            <?php foreach ($home_banner as $banner) { ?>

            <div>

              <a href="<?php echo base_url().$banner['url'];?>" ><img src="<?php echo $banner['bannerimage']?>" /></a>

            </div>

            <?php } ?>

          </div>

        </div><!--swipe-->

        <div class="slider-circles"></div>

<?php

}

else

  {

    echo 'API\'s not returning any value. Please Contact Super Administrator! - '.basename(__FILE__).'<br>';

  }?>

  <script src='<?=base_url()?>assets/js/swipe.js' type="text/javascript"></script>

  <script>

      // pure JS

      var prev = 0;

      var a = document.getElementsByClassName('swipe-wrap')[0].children.length;

          for(var i=0;i<a;i++)

          {

            var iDiv = document.createElement('div');

            iDiv.className = 'circle';

            document.getElementsByClassName('slider-circles')[0].appendChild(iDiv);

          }

          document.getElementsByClassName('circle')[0].className += ' selected'; 

      var elem = document.getElementById('mySwipe');

      window.mySwipe = Swipe(elem, {

        startSlide : 0,

        auto : 3000,

        continuous : true,

        callback: function(index, element) {

          if(prev != undefined){

            document.getElementsByClassName('circle')[prev].className = 'circle';

          }

           document.getElementsByClassName('circle')[index].className = document.getElementsByClassName('circle')[index].className + ' selected ';

           prev = index;          

        },

      });

    </script>