jquery - can someone help me find the error making a slider not slide? -
this code slider on www.croquetero.com slider not sliding of sudden. working code , not. appreciate me pinpoint problem
{{ 'nivodefault.css' | asset_url | stylesheet_tag }} {{ 'nivo-slider.css' | asset_url | stylesheet_tag }} <div id="wrapper"> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoslider"> <a href="http://croquetero.com/pages/hot-sale"><img src="//cdn.shopify.com/s/files/1/0740/0383/files/banner-hot-sale-web_1024x1024.png?12813352639418963988" alt="hot sale" /></a> <a href="http://croquetero.com/pages/programa-y-ahorra?utm_source=homepage&utm_medium=banner&utm_campaign=bannerprogramayahorra280116"><img src="//cdn.shopify.com/s/files/1/0740/0383/files/programayahorrahome_1.png?10630346986431682724" alt="vive la experiencia programa y ahorra"/></a> </div> </div> </div> {{ 'hammer.min.js' | asset_url | script_tag }} {{ 'jquery.nivo.slider.js'| asset_url | script_tag }} <script type="text/javascript"> jquery(document).ready(function($) { if ("ontouchstart" in document.documentelement) { $('#slider').nivoslider({ effect: 'slideinleft', animspeed: 100, pausetime: 10 }); $('a.nivo-nextnav').css('visibility', 'hidden'); $('a.nivo-prevnav').css('visibility', 'hidden'); var element = document.getelementbyid('slider'); var hammertime = hammer(element).on("swipeleft", function(event) { $('#slider img').attr("data-transition","slideinleft"); $('a.nivo-nextnav').trigger('click'); return false; }); var hammertime = hammer(element).on("swiperight", function(event) { $('#slider img').attr("data-transition","slideinright"); $('a.nivo-prevnav').trigger('click'); $('#slider img').attr("data-transition","slideinleft"); return false; }); } else { $('#slider').nivoslider({ effect: 'fade', animspeed: 700, pausetime: 10, }); } }); </script>