Okay
  Public Ticket #1492685
Slider Not Loading
Closed

Comments

  • Pharri3l started the conversation

    Hello,

    I have done everything possible to get this script to work without success. Below are the codes of my php page. Lots of codes I know, but please help me fix.

     #####

    <?php require_once('Connections/connEFC.php'); ?>
    <?php require_once('webassist/mysqli/rsobj.php'); ?>
    <?php
    $rsNews = new WA_MySQLi_RS("rsNews",$connEFC,4);
    $rsNews->setQuery("SELECT newsID, Title, Summary, `Date`, Image FROM news ORDER BY newsID DESC");
    $rsNews->execute();
    ?>
    <!doctype html>
    <html class="no-js" lang="en">
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content=""/>
    <!-- Document Title -->
    <title>The Official Website of Enyimba Football Club</title>
    <!-- StyleSheets -->
    <link href="main/xtable/assets/css/fresh-bootstrap-table.css" rel="stylesheet" />
    <link rel="stylesheet" href="main/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="main/css/main.css">
    <link rel="stylesheet" href="main/css/icomoon.css">
    <link rel="stylesheet" href="main/css/animate.css">
    <link rel="stylesheet" href="main/css/transition.css">
    <link rel="stylesheet" href="main/css/font-awesome.min.css">
    <link rel="stylesheet" href="main/style.css">
    <link rel="stylesheet" href="main/css/color.css">
    <link rel="stylesheet" href="cdn/css/mystyle.css">
    <link rel="stylesheet" href="main/css/responsive.css">
    <!-- FontsOnline -->

    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- JavaScripts -->
    <script src="main/js/vendor/modernizr.js"></script>

    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#205ED0">

    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#205ED0">

    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#205ED0">

    <!-- LayerSlider -->
    <!-- LayerSlider stylesheet -->
    <link rel="stylesheet" href="layerslider/css/layerslider.css" type="text/css">
     
    <!-- External libraries: jQuery & GreenSock -->
    <script src="layerslider/js/jquery.js" type="text/javascript"></script>
    <script src="layerslider/js/greensock.js" type="text/javascript"></script>
     
    <!-- LayerSlider script files -->
    <script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
    <script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>

    </head>
    <body class="mH">

    <!-- Wrapper -->
    <div class="wrap push">

    <!-- Header -->
    <header class="header style-3">

    <!-- Top bar -->

    <?php require_once('site-includes/topbar.php'); ?>

    <!-- Top bar -->

    <!-- Nav -->
    <div class="nav-holder">
    <div class="container">
    <div class="maga-drop-wrap">

    <!-- Logo -->
    <div class="logo">
    <a href="./"><img src="main/images/efc.png" alt=""></a>
    </div>
    <!-- Logo -->

    <!-- Nav List -->
                        <div class="site-title">Enyimba Football Club</div>
    <ul class="nav-list pull-right">
     
                            <li><a href="#">The Club</a></li>
    <li><a href="#">Team</a></li>
    <li><a href="#">Match Centre</a></li>
    <li><a href="#">Fanzone</a></li>
    <li><a href="#">Contact Us</a></li>    
                                                                                          
    </ul>
    <!-- Nav List -->

    </div>
    </div>
    </div>
    <!-- Nav -->

    </header>
    <!-- Header -->

    <!-- Slider Holder -->
    <?php require_once('site-includes/slider-holder.php'); ?>
    <!-- Slider Holder -->

    <!-- Main Content -->
    <main class="main-content">

    <!-- Match Detail -->
    <section class="theme-padding-bottom bg-fixed">
    <div class="container">

    <!-- Add Banners -->
    <div class="add-banners">

    </div>
    <!-- Add Banners -->

    <!-- Match Detail Content -->
    <div class="match-detail-content">
    <div class="row">
    <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
    <div class="row">

    <!-- Next Matches -->

    <?php require_once('site-includes/next-match.php'); ?>

    <!-- Next Matches -->

    <!-- Upcoming Fixture -->

    <?php require_once('site-includes/upcoming-fixtures.php'); ?>

    <!-- Upcoming Fixture -->

    <!-- Latest News -->

    <?php /*?><div class="col-xs-12">
    <div class="latest-news-holder">
    <h3><span>Other News</span></h3>

    <!-- latest-news Slider -->
    <div class="tems-container row no-gutters white-bg">

    <!-- Slider -->
    <div class="tem tem-0 col-sm-9">
    <ul id="latest-news-slider" class="latest-news-slider">
    <?php
    while(!$rsNews->atEnd()) {
    ?>
        <li>
        <img src="<?php echo($rsNews->getColumnVal("Image")); ?>" alt="" height="100%" width="100%" vertical-align="text-top">
    <p class="cap-head"><a href="news/news-detail.php?newsID=<?php echo($rsNews->getColumnVal("newsID")); ?>" class="cap-head"><?php echo($rsNews->getColumnVal("Title")); ?></a></p>
        </li>
      <?php
      $rsNews->moveNext();
    }
    $rsNews->moveFirst(); //return RS to first record
    ?>
       
        
    </ul>
    </div>
    <!-- Slider -->

    <!-- Thumnail -->
    <div class="tem tem-0 col-sm-3 lnt">
    <ul id="latest-news-thumb" class="latest-news-thumb">
    <?php
    while(!$rsNews->atEnd()) {
    ?>
        <li>
        <p><?php echo($rsNews->getColumnVal("Title")); ?></p>
        <span class="cap-date"><?php echo shortdate ($rsNews->getColumnVal("Date")); ?></span>
          </li>
      <?php
      $rsNews->moveNext();
    }
    $rsNews->moveFirst(); //return RS to first record
    ?>

    </ul>
    <ul class="news-thumb-arrows">
    <li class="prev"><span class="fa fa-angle-up"></span></li>
    <li class="next"><span class="fa fa-angle-down"></span></li>
    </ul>
    </div>
    <!-- Thumnail -->

    </div>
    <!-- latest-news Slider -->

    </div>
    </div><?php */?>

    <!-- Latest News -->

    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    <div class="row">

    <!-- Last Match -->

    <?php require_once('site-includes/last-match.php'); ?>

    <!-- Last Match -->

    <!-- Points Table -->

    <?php /*?><?php require_once('site-includes/points-table.php'); ?><?php */?>

    <!-- Points Detail -->

    </div> 
    </div>
    </div>
    </div>
    <!-- Match Detail Content -->

    </div>
              
              <!-- Slider HTML markup -->
    <div id="slider" style="width:1220px;height:700px;margin:0 auto;margin-bottom: 0px;">


    <!-- Slide 1-->
    <div class="ls-slide" data-ls="duration:7500; transition2d:5; kenburnszoom:in; kenburnsscale:1.2;">
    <img width="1200" height="700" src="gallery/caf-benin/3.jpg" class="ls-bg" alt="" />
    </div>


    <!-- Slide 2-->
    <div class="ls-slide" data-ls="duration:4000;">
    <img width="750" height="500" src="gallery/caf-benin/1.jpg" class="ls-bg" alt="" />
    </div>


    <!-- Slide 3-->
    <div class="ls-slide" data-ls="duration:4000;">
    <img width="750" height="500" src="gallery/caf-benin/2.jpg" class="ls-bg" alt="" />
    </div>


    <!-- Slide 4-->
    <div class="ls-slide" data-ls="duration:4000; deeplink:leopard;">
    <img width="750" height="500" src="images/4.jpg" class="ls-bg" alt="" />
    </div>


    <!-- Slide 5-->
    <div class="ls-slide" data-ls="duration:4000;">
    <img width="750" height="500" src="images/5.jpg" class="ls-bg" alt="" />
    </div>


    <!-- Slide 6-->
    <div class="ls-slide" data-ls="duration:4000;">
    <img width="750" height="500" src="images/6.jpg" class="ls-bg" alt="" />
    </div>

     
    </div>
                
                
    </section>
    <!-- Match Detail -->

    <!-- Player Features And History -->
    <section class="red-section" style=" background: url(cdn/img/bgbg.jpg) no-repeat; background-size: cover;">

    <!-- Red Section Heading -->
    <div class="red-sec-heading">
    <div class="container">
    <h5 class="white-text">Team Stats</h5>
    </div>
    </div>
    <!-- Red Section Heading -->

    <!-- Red saection Content -->
    <div class="container">
    <div class="row">

    <!-- Player Featuer -->
    <div class="col-sm-6">
    <div class="theme-padding top-profiler">
    <img class="player-img animate fadeInLeft" data-wow-delay="0.2s" src="cdn/img/ft-player.png" alt="">
    <strong class="number-batch style-1">13</strong>

    </div>
    </div>
    <!-- Player Featuer -->

    <!-- Player History -->
    <div class="col-sm-6">
    <ul id="video-slider" class="video-slider">
    <li class="red-sec-widget player-history h-white p-white">
    <h3>Goalscorers</h3>
    <p>Our sharpshooters this season</p>
    <div class="player-video-sec">
    <div class="video video-post">
    <img src="main/images/video-gallery/img-01.jpg" alt="">
    <span class="play-lable fa fa-video-camera"></span>

    </div>
    </div>
    </li>


    </ul>
    </div>
    <!-- Player History -->

    </div>
    </div>
    <!-- Red saection Content -->
     
    </section>
    <!-- Player Features And History -->

    <!-- Facts Accounter -->

    <?php require_once('site-includes/facts-counter.php'); ?>

    <!-- Facts Accounter -->
            
            <!-- Separator -->
    <div class="container text-center">
    <span class="sprater"><i class="fa fa-futbol-o"></i></span>
    </div>
    <!-- Separator -->

    <!-- Gallery And Team -->
    <div class="theme-padding gallery-holder">

    <!-- Gallery v-3 -->
    <div class="">
    <div class="container">

    <!-- Main Heading -->
    <h3><span>Meet the Stars</span><a class="view-all pull-right" href="#"> view all<i class="fa fa-angle-double-right"></i></a></h3>
    <!-- Main Heading -->

    </div>
    </div>
    <!-- Gallery v-3 -->

    <!-- Team -->

    <?php require_once('site-includes/meet-stars.php'); ?>

    <!-- Team -->

    </div>
    <!-- Gallery And Team -->

    <!-- Products -->

            
    <!-- Products -->

    </main>
    <!-- Main Content -->

    <!-- Footer -->

    <?php require_once('site-includes/footer.php'); ?>
       
    <!-- Footer -->

    </div>
    <!-- Wrapper -->

    <!-- Slide Menu -->

    <?php require_once('site-includes/mobile-menu.php'); ?>

    <!-- Slide Menu -->

    <!-- Java Script -->
    <script src="main/js/vendor/jquery.js"></script>        
    <script src="main/js/vendor/bootstrap.min.js"></script> 

    <script src="main/js/gmap3.min.js"></script>
    <script src="main/js/bigslide.js"></script>
    <script src="main/js/slick.js"></script>
    <script src="main/js/waterwheelCarousel.js"></script>
    <script src="main/js/contact-form.js"></script>
    <script src="main/js/countTo.js"></script>
    <script src="main/js/datepicker.js"></script>
    <script src="main/js/rating-star.js"></script>
    <script src="main/js/range-slider.js"></script>
    <script src="main/js/spinner.js"></script>
    <script src="main/js/parallax.js"></script>      
    <script src="main/js/countdown.js"></script>
    <script src="main/js/appear.js"></script>
    <script src="main/js/prettyPhoto.js"></script>
    <script src="main/js/wow-min.js"></script>
    <script src="main/js/main.js"></script>

    <script type="text/javascript" src="main/xtable/assets/js/bootstrap-table.js"></script>

        <script type="text/javascript">
            var $table = $('#fresh-table'),
                $alertBtn = $('#alertBtn'),
                full_screen = true;
                
            $().ready(function(){
                $table.bootstrapTable({
                    toolbar: ".toolbar",
        
                    showRefresh: true,
                    search: true,
                    showToggle: true,
                    showColumns: true,
                    pagination: true,
                    striped: true,
                    pageSize: 8,
                    pageList: [8,10,25,50,100],
                    
                    formatShowingRows: function(pageFrom, pageTo, totalRows){
                        
                    },
                    formatRecordsPerPage: function(pageNumber){
                        return pageNumber + " rows visible";
                    },
                    icons: {
                        refresh: 'fa fa-refresh',
                        toggle: 'fa fa-th-list',
                        columns: 'fa fa-columns',
                        detailOpen: 'fa fa-plus-circle',
                        detailClose: 'fa fa-minus-circle'
                    }
                });
                
                            
                
                $(window).resize(function () {
                    $table.bootstrapTable('resetView');
                });
        
                
                window.operateEvents = {
                    'click .like': function (e, value, row, index) {
                        alert('You click like icon, row: ' + JSON.stringify(row));
                        console.log(value, row, index);
                    },
                    'click .edit': function (e, value, row, index) {
                        alert('You click edit icon, row: ' + JSON.stringify(row));
                        console.log(value, row, index);    
                    },
                    'click .remove': function (e, value, row, index) {
                        $table.bootstrapTable('remove', {
                            field: 'id',
                            values: [row.id]
                        });
                
                    }
                };
                
                $alertBtn.click(function () {
                    alert("You pressed on Alert");
                });
                
            });
           
                
        </script>
        
        <!-- Initializing the slider -->
    <script type="text/javascript">

    $(document).ready(function() {

    $('#slider').layerSlider({
    sliderVersion: '6.0.0',
    responsiveUnder: 0,
    layersContainer: 0,
    slideBGSize: 'auto',
    skin: 'v5',
    thumbnailNavigation: 'always',
    skinsPath: 'layerslider/skins/'
    });
    });

    </script>
    </body>
    </html>


  • [deleted] replied

    Hello Pharri3l,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    I saw your refund request, would you still like to use this version of the plugin or would you like to continue with the WP release isntead ? You can find the WordPress version on the following URL: http://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin-/1362246

    We cannot swap the two plugins unfortunately, but if you would like to get a refund for this item, we kindly ask you to purchase the WordPress version so we can refund you for the mistaken purchase.

  • Pharri3l replied

    Thank you for your response Attila.

    I would like to receive the WP version but can't afford it right now, got only $16 in my wallet. I cant get this version of mine to work and would like a refund as a result. Done everything, followed help doc, deleted multiple jquery instances, nothing works.

  • [deleted] replied

    We understand. We've approved your refund request and it will be processed shortly. It usually takes 3-5 business days for the transition to complete, so you can purchase the WP version after that if you would like to.