import '../css/bootstrap.less'; import 'bootstrap/dist/js/bootstrap.js'; import '../css/public.css'; import '../css/index_home.css'; import './public.js'; $(function(){ var k=0; var liwit=$('.need_imgs ul li').width(); var lilengths=$('.need_imgs ul li').length; $('.need_next').click(function(){ k++; if(k>lilengths-3){ k=0 } $('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000) }); $('.need_prev').click(function(){ k--; if(k<0){ k=lilengths-3 } $('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000) }); //首页轮播图 (function(){ var $imgBig=$('.ct-img-big'), $btnNext=$('.btn-next'), $btnPre=$('.btn-pre'), $CT = $('.carousel_top'), $imgSmall=$('.ct-img-small'); var $imgWidth=$imgBig.find('li').width();//获取图片的宽度; var $imgLength=$imgBig.children().length;//获取克隆前的图片的长度; // 拷贝第一张和最后一张;把最后一张图放在最前面;把最前面的图放在最后; var $firstImg=$imgBig.find('li').first(), $lastImg=$imgBig.find('li').last(); $imgBig.prepend($lastImg.clone()); $imgBig.append($firstImg.clone()); //设置imgBig clone后的宽度 $imgBig.width( $imgWidth*$imgBig.children().length)//这时的个数是添加完以后的个数 $imgBig.css({'left':'-='+$imgWidth+'px'})//把第一张图放入可视区 var pageIndex = 0 ; //img的下标; var isAnimate = false;//防止重复点击 上锁 $btnNext.on('click',function(e){ e.preventDefault(); playNext() setTimeout(function(){ },1500) }); $btnPre.on('click',function(e){ e.preventDefault(); playPre() setTimeout(function(){ },1500) }); $imgSmall.find('li').on('click',function(){ var smallIdx= $(this).index(); if(smallIdx>pageIndex){ playNext(smallIdx-pageIndex); } else if(smallIdx