| 10582 |
lgm |
1 |
<?php
|
|
|
2 |
//print_r($home_banner);
|
|
|
3 |
if(isset($home_banner) and !empty($home_banner) and count($home_banner)>0)
|
|
|
4 |
{//print_r($home_banner);
|
|
|
5 |
?><div id='mySwipe' style='max-width:500px;margin:5px auto 0' class='swipe home-banner'>
|
|
|
6 |
<div class='swipe-wrap'>
|
|
|
7 |
<?php foreach ($home_banner as $banner) { ?>
|
|
|
8 |
<div>
|
|
|
9 |
<a href="<?php echo base_url().$banner['url'];?>" ><img src="<?php echo $banner['bannerimage']?>" /></a>
|
|
|
10 |
</div>
|
|
|
11 |
<?php } ?>
|
|
|
12 |
</div>
|
|
|
13 |
|
|
|
14 |
</div><!--swipe-->
|
|
|
15 |
<div class="slider-circles"></div>
|
|
|
16 |
|
|
|
17 |
<?php
|
|
|
18 |
}
|
|
|
19 |
else
|
|
|
20 |
{
|
|
|
21 |
echo 'API\'s not returning any value. Please Contact Super Administrator! - '.basename(__FILE__).'<br>';
|
|
|
22 |
}?>
|
|
|
23 |
<script src='<?=base_url()?>assets/js/swipe.js' type="text/javascript"></script>
|
|
|
24 |
<script>
|
|
|
25 |
// pure JS
|
|
|
26 |
var prev;
|
|
|
27 |
var a = document.getElementsByClassName('swipe-wrap')[0].children.length;
|
|
|
28 |
for(var i=0;i<a;i++)
|
|
|
29 |
{
|
|
|
30 |
var iDiv = document.createElement('div');
|
|
|
31 |
iDiv.className = 'circle';
|
|
|
32 |
document.getElementsByClassName('slider-circles')[0].appendChild(iDiv);
|
|
|
33 |
}
|
|
|
34 |
var elem = document.getElementById('mySwipe');
|
|
|
35 |
window.mySwipe = Swipe(elem, {
|
|
|
36 |
startSlide : 0,
|
|
|
37 |
auto : 3000,
|
|
|
38 |
continuous : true,
|
|
|
39 |
callback: function(index, element) {
|
|
|
40 |
if(prev != undefined){
|
|
|
41 |
document.getElementsByClassName('circle')[prev].className = 'circle';
|
|
|
42 |
}
|
|
|
43 |
document.getElementsByClassName('circle')[index].className = document.getElementsByClassName('circle')[index].className + ' selected ';
|
|
|
44 |
prev = index;
|
|
|
45 |
},
|
|
|
46 |
});
|
|
|
47 |
|
|
|
48 |
</script>
|