| 12694 |
anikendra |
1 |
<?php
|
|
|
2 |
if(isset($home_banner) and !empty($home_banner) and count($home_banner)>0)
|
|
|
3 |
{
|
|
|
4 |
?><div id='mySwipe' style='max-width:500px;margin:5px auto 0' class='swipe home-banner'>
|
|
|
5 |
<div class='swipe-wrap'>
|
|
|
6 |
<?php foreach ($home_banner as $banner) { ?>
|
|
|
7 |
<div>
|
|
|
8 |
<a href="<?php echo base_url().$banner['url'];?>" ><img src="<?php echo $banner['bannerimage']?>" /></a>
|
|
|
9 |
</div>
|
|
|
10 |
<?php } ?>
|
|
|
11 |
</div>
|
|
|
12 |
<div id="prev" onclick="mySwipe.prev()"></div>
|
|
|
13 |
<div id="next" onclick="mySwipe.next()"></div>
|
|
|
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 |
|
|
|
26 |
var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1);
|
|
|
27 |
var flag = 3000;
|
|
|
28 |
if(isOperaMini){
|
|
|
29 |
document.getElementById('prev').style.display = 'block';
|
|
|
30 |
document.getElementById('next').style.display = 'block';
|
|
|
31 |
flag=0;
|
|
|
32 |
}
|
|
|
33 |
|
|
|
34 |
// pure JS
|
|
|
35 |
var prev = 0;
|
|
|
36 |
var a = document.getElementsByClassName('swipe-wrap')[0].children.length;
|
|
|
37 |
for(var i=0;i<a;i++)
|
|
|
38 |
{
|
|
|
39 |
var iDiv = document.createElement('div');
|
|
|
40 |
iDiv.className = 'circle';
|
|
|
41 |
document.getElementsByClassName('slider-circles')[0].appendChild(iDiv);
|
|
|
42 |
}
|
|
|
43 |
document.getElementsByClassName('circle')[0].className += ' selected';
|
|
|
44 |
var elem = document.getElementById('mySwipe');
|
|
|
45 |
window.mySwipe = Swipe(elem, {
|
|
|
46 |
startSlide : 0,
|
|
|
47 |
auto : flag,
|
|
|
48 |
continuous : true,
|
|
|
49 |
callback: function(index, element) {
|
|
|
50 |
if(prev != undefined){
|
|
|
51 |
document.getElementsByClassName('circle')[prev].className = 'circle';
|
|
|
52 |
}
|
|
|
53 |
document.getElementsByClassName('circle')[index].className = document.getElementsByClassName('circle')[index].className + ' selected ';
|
|
|
54 |
prev = index;
|
|
|
55 |
},
|
|
|
56 |
});
|
|
|
57 |
|
|
|
58 |
</script>
|
|
|
59 |
|