Subversion Repositories SmartDukaan

<?php 
//print_r($home_banner);
$home_banner = null;//remove me
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>