
 <?php
if(!defined('IN_DEMOSOSO')) {
  exit('this is wrong page,please back to homepage');
}


$arr = dm_dirarr(dirname(__FILE__));

 $jtpath = $arr['path'];
 $jtroot = $arr['root'];

$jtpath = $jtpath.'slider_06/';
?>
  
    <!-- Revolution Slider CSS Files -->
    <link rel="stylesheet" type="text/css" href="<?php echo $jtpath?>css/settings.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $jtpath?>css/layers.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $jtpath?>css/navigation.css">

   <style>
    .slider06btn { background: #0f73d7;color:#fff;padding:10px 30px;border-radius: 30px;font-size: 18px;margin-top:10px; }
    .slider06btn:hover{background: #2261a0}
   </style>
 
        <section class="mainslider" id="mainslider">
            <article class="content">
                <div class="rev_slider_wrapper fullwidthbanner-container dark-slider" data-alias="classic-carousel2" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;">
                    <!-- START REVOLUTION SLIDER -->
                    <div id="rev_slider" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
                        <ul>
     <?php
    foreach($result['data'] as $k=>$v){
         // pre($v);
      $title = $v['title'];  
      $img  =   get_img($v['kv']);   
      $desp  =   $v['desp'];
      $despjj  =   $v['despjj'];
      
      $dhlinkurl =  $dhlinktitle= '';
      foreach ($v['arrcan'] as   $key=>$value) { 
       $bsccc = $key;
       $$bsccc=$value;
     }

     $k++;
 
    ?>

                            <!-- SLIDE  -->
                            <li data-index="rs-<?php echo $k?>" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"   data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="We are salimo" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="<?php echo $img?>" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina="">
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <?php 
                                if($title<>'hide'){
                                ?>
                                <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']" data-transform_idle="o:1;" data-fontsize="['70','70','70','45']" data-transform_in="x:[-105%];z:0;rX:0deg;rY:0deg;rZ:-90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05" style="z-index: 5; white-space: nowrap;">
                                  <?php echo $title?>
                                </div>
                                <?php 
                              }
                              ?>
                              <?php 
                                if($dhlinkurl<>''){
                                ?>

                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['150','210','210','180']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:100px;sX:1;sY:1;opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;" data-start="2500" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 11; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                                    <a href="<?php echo $dhlinkurl?>" class="slider06btn custom-button slider-button scroll-to-target"><?php echo $dhlinktitle?></a></div>
                                  <?php 
                                      }
                                  ?>
                            </li>
                           
                    <?php 
                         }
                       ?>
                        </ul>
                         
                    </div>
                    <!-- END REVOLUTION SLIDER -->
                </div>
            </article>
        </section>
 

 
    <!-- Revolution Slider Main JS Files -->
    <script type="text/javascript" src="<?php echo $jtpath?>js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/jquery.themepunch.revolution.min.js"></script>

    <!-- Revolution Slider Extensions -->

    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.migration.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="<?php echo $jtpath?>js/revolution.extension.video.min.js"></script>

 
    
    <!-- Revolution Slider Initialization Starts -->
    <script type="text/javascript">
  (function(){
        "use strict";
        var tpj = jQuery;

        var revapi2;
        tpj(document).ready(function() {
            if (tpj("#rev_slider").revolution == undefined) {
                revslider_showDoubleJqueryError("#rev_slider");
            } else {
                revapi2 = tpj("#rev_slider").show().revolution({
                    sliderType: "carousel",
                    jsFileLocation: "js/plugins/revolution/js/",
                    sliderLayout: "fullscreen",
                    dottedOverlay: "none",
                    delay: 5000,
                    navigation: {
                        keyboardNavigation: "off",
                        keyboard_direction: "horizontal",
                        mouseScrollNavigation: "off",
                        onHoverStop: "off",
                        arrows: {
                            style: "erinyen",
                            enable: true,
                            hide_onmobile: true,
                            hide_under: 600,
                            hide_onleave: true,
                            hide_delay: 200,
                            hide_delay_mobile: 1200,
                            tmp: '',
                            left: {
                                h_align: "left",
                                v_align: "center",
                                h_offset: 30,
                                v_offset: 0
                            },
                            right: {
                                h_align: "right",
                                v_align: "center",
                                h_offset: 30,
                                v_offset: 0
                            }
                        },
                        bullets: {
                            enable: true,
                            hide_onmobile: true,
                            hide_under: 600,
                            style: "metis",
                            hide_onleave: true,
                            hide_delay: 200,
                            hide_delay_mobile: 1200,
                            direction: "horizontal",
                            h_align: "center",
                            v_align: "bottom",
                            h_offset: 0,
                            v_offset: 30,
                            space: 5,
                            tmp: '<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span>'
                        }
                    },
                    carousel: {
                        horizontal_align: "center",
                        vertical_align: "center",
                        fadeout: "off",
                        maxVisibleItems: 3,
                        infinity: "on",
                        space: 0,
                        stretch: "off"
                    },
                    viewPort: {
                        enable: true,
                        outof: "pause",
                        visible_area: "80%"
                    },
                    responsiveLevels: [1240, 1024, 778, 480],
                    gridwidth: [1240, 1024, 778, 480],
                    gridheight: [600, 600, 500, 400],
                    lazyType: "none",
                    parallax: {
                        type: "mouse",
                        origo: "slidercenter",
                        speed: 2000,
                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
                    },
                    spinner: "off",
                    stopLoop: "off",
                    stopAfterLoops: -1,
                    stopAtSlide: -1,
                    shuffle: "off",
                    autoHeight: "off",
                    hideThumbsOnMobile: "on",
                    hideSliderAtLimit: 0,
                    hideCaptionAtLimit: 0,
                    hideAllCaptionAtLilmit: 0,
                    debugMode: false,
                    fallbacks: {
                        simplifyAll: "off",
                        nextSlideOnWindowFocus: "off",
                        disableFocusListener: false,
                    }
                });
            }
        });
    
  
      
  })(jQuery);
    </script>
 