123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- function slick() {
- $('.slider').slick({
- // infinite: true,
- // // speed: 300,
- // centerMode: true,
- // adaptiveHeight: true
- // variableWidth: true,
- dots: true,
- infinite: true,
- speed: 300,
- slidesToShow: 1,
- // variableWidth: true,
- // centerMode: true,
- adaptiveHeight: true
- });
- }
- function hover_slide() {
- var $Wslide = $('.slider').width();
- var halfSlide = $Wslide / 2 ;
- var $button = $('.slider button');
- console.log("halfSlide",halfSlide);
- $button.css( "display" , "block" );
- $('.slider').hover(function() {
- $('.slider').mousemove(function(event) {
- var $eventX = event.pageX;
- if ($eventX < halfSlide) {
- $('button.slick-prev').css("opacity","1");
- $('button.slick-next').css("opacity","0");
- } else if( $eventX > halfSlide ){
- $('button.slick-next').css("opacity","1");
- $('button.slick-prev').css("opacity","0");
- }
- });
- }),
- $( ".slider" ).mouseleave(function() {
- $('button.slick-prev').css("opacity","0");
- $('button.slick-next').css("opacity","0");
- });
- }
- var resizeTimer;
- $(window).on('resize', function(e) {
- clearTimeout(resizeTimer);
- resizeTimer = setTimeout(function() {
- hover_slide();
- }, 250);
- });
- $(document).ready(function(){
- hover_slide();
- slick();
- });
|