Issue with animated slider

Issue with animated slider

My animated slider on my home page is not functioning properly for some reason. I've been trying to figure out how to fix this to no avail. Can someone please help me out. Thanks in advance.

My site: http://10meijin.com/



  1. <!-- header slider -->
  2.         <div class="header_slider">
  3.             <div class="banner-container">
  4.                 <div class="banner">
  5.                     <ul>
  6.                         <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
  7.                             <img src="{{url('/photos/slider_111.jpg')}}" alt="" width="940" height="356">                                                                                    
  8.                         </li>
  9.                         <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
  10.                             <img src="{{url('/photos/slider_12.jpg')}}" alt="" width="940" height="356">                                                        
  11.                         </li>
  12.                         <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
  13.                             <img src="{{url('/photos/slider_1_3.jpg')}}" alt="" width="940" height="356">
  14.                             
  15.                         </li>
  16.                     </ul>
  17.                 </div>
  18.             </div>

  19.             <script>

  20.                 $(document).ready(function () {
  21.                     if ($.fn.cssOriginal != undefined)
  22.                         $.fn.css = $.fn.cssOriginal;
  23.                     $('.banner').revolution({
  24.                         delay: 5000,
  25.                         startwidth: 940,
  26.                         startheight: 356,
  27.                         onHoverStop: "on", // Stop Banner Timet at Hover on Slide on/off
  28.                         hideThumbs: 0,
  29.                         navigationType: "none", // bullet, thumb, none
  30.                         navigationArrows: "solo", // nexttobullets, solo (old name verticalcentered), none
  31.                         navigationStyle: "round", // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom
  32.                         navigationHAlign: "center", // Vertical Align top,center,bottom
  33.                         navigationVAlign: "center", // Horizontal Align left,center,right
  34.                         soloArrowLeftHalign: "left",
  35.                         soloArrowLeftValign: "center",
  36.                         soloArrowLeftHOffset: -29,
  37.                         soloArrowLeftVOffset: 0,
  38.                         soloArrowRightHalign: "right",
  39.                         soloArrowRightValign: "center",
  40.                         soloArrowRightHOffset: -29,
  41.                         soloArrowRightVOffset: 0,
  42.                         touchenabled: "on", // Enable Swipe Function : on/off
  43.                         stopAtSlide: -1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
  44.                         stopAfterLoops: -1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
  45.                         hideCaptionAtLimit: 0, // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
  46.                         hideAllCaptionAtLilmit: 0, // Hide all The Captions if Width of Browser is less then this value
  47.                         hideSliderAtLimit: 0, // Hide the whole slider, and stop also functions if Width of Browser is less than this value
  48.                         fullWidth: "off",
  49.                         shadow: 0                                //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)

  50.                     });
  51.                 });
  52.             </script>

  53.         </div>
  54.         <!--/ header slider -->       
  55. /*-----------------------------------*/
    /* Header Sliders */
    /*-----------------------------------*/
    .header_slider {
        position:relative;
        background:#fff;
        border-radius:10px;
        -webkit-border-radius:10px;
        margin:0 auto 15px auto;
        width:940px;
        height:356px;
        border:10px solid #fff}

    .header_slider .banner ul {
        list-style:none;
        padding:0;
        margin:0}

    .header_slider .banner img {
        border-radius:10px;
        -webkit-border-radius:10px;}

    .slide_descr,
    .slide_line {
        width:360px;
        text-shadow:0 1px 1px rgba(0,0,0, 0.35);
        font-size:15px;
        color:#fff;
        line-height:1.4em;}

    .slide_descr {
        height:5.4em;
        overflow:hidden}
       
    .slide_title1,
    .slide_title2 {
        font-family: 'Signika Negative', sans-serif;
        font-weight:600;
        text-shadow:0 1px 1px rgba(0,0,0, 0.25);
        line-height:1.1em;}

    .slide_title1 {
        font-size:29px;
        color:#fffbdf}
    .tp-caption.slide_title2 {
        font-size:49px;
        color:#fff;}

    .slide_descr {
        white-space: normal !important;}

    .slide_line {
        height:2px;
        background:#fff08c;
        -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);}

    .btn_slider {
        height:42px;
        display:inline-block;
        line-height:42px;
        border:3px solid #c1e6eb;
        border-radius:21px;
        -webkit-border-radius:21px;
        padding:0 35px;
        background:url(images/button_sprite.png) 0 0 repeat-x;
        color:#fff;
        font-size:24px;
        font-family: 'Nunito', sans-serif;
        font-weight:bold;
        -webkit-box-shadow:  0px 10px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 10px 5px 0px rgba(0, 0, 0, 0.2);}

    .btn_slider span {
        display:block;
        color:#fff;
        text-shadow:0 1px 1px rgba(0,0,0, 0.25);}

    .btn_slider:hover {
        background-position:0 -42px}

    .header_slider .tp-leftarrow.default,
    .header_slider .tp-rightarrow.default {background:url(images/slider_arrows.png) no-repeat 0 0; width:56px; height:56px;}

    .header_slider .tp-rightarrow.default {
        background-position:right top}

    .header_slider .tp-leftarrow:hover {background-position:left -56px;}
    .header_slider .tp-rightarrow:hover{background-position:right -56px;}
    .header_slider .tp-leftarrow:active {background-position:left -112px;}
    .header_slider .tp-rightarrow:active {background-position:right -112px;}