$(document).ready(function() {

      var owl = $("#owl-demo");

            var landskycarouseleffect = $.noConflict();

/** value of slide image **/

                                 var fornexteffect =5000;

                             var previouseeffect =5000;

                   var playeffect = 1000;

      owl.owlCarousel({

//10 items above 1000px browser width

      items : 10,

//DESKTOP

      itemsDesktop : [1000,5],

 // desktop small

     itemsDesktopSmall : [900,4],

     itemsTablet: [600,2], //tablet

      // Mobile

      itemsMobile : false

  

      });

      // Next Effect

     landskycarouseleffect(".next").on('click',function(){

        owl.trigger('owl.next',fornexteffect );

        

        

        

        

   

      })

      //Previous effect

     landskycarouseleffect(".prev").on('click',function(){

        owl.trigger('owl.prev',previouseeffect );

      })

      //Play effect

    landskycarouseleffect(".play").on('click',function(){

        owl.trigger('owl.play',playeffect);

      })

      //Stop effect

     landskycarouseleffect(".stop").on('click',function(){

        owl.trigger('owl.stop');

      })

    });

    

    

   

    </script>

im having problem with this code it doesn't show image by batch during slide effect