/********************************************* * chatbot.js * ------------------------------------------- * @init * @plugin *********************************************/ var u = new EPOS_CARD.Util(); /* ------------------------------------------- * @init ------------------------------------------- */ $(function(){ $.chatbot(); }); /* ------------------------------------------- * @plugin ------------------------------------------- */ (function($){ /* * chatbot */ $.chatbot = function(){ //var var $elm = $("#chatbotBtn"), $toggleBtn = $(".js-chatbot-toggle_button", $elm), $toggleImg = $(".js-chatbot-toggle_image", $elm), $elmShowPosition = $(".js-chatbot-show_position"), imageFileName = $toggleImg.attr('src'), showPosition = 0, speed= 300; if($elm.length === 0){return false} //function var preloadImg = function(){ for(var i=0; i').attr('src', arguments[i]); } }; //画像切り替え if($toggleBtn.length !== 0 ){ //init imageFileName = imageFileName.replace(/(.+?)_on\.(.+)/, '$1_off.$2') preloadImg(imageFileName); //trigger $toggleBtn.on('click', function(){ $toggleImg.attr('src', imageFileName); $(this).hide(); }); } //表示位置 if($elmShowPosition.length !== 0){ //int showPosition = $elmShowPosition.offset().top; if(showPosition < $(window).scrollTop()){ $elm.show(); }else{ $elm.hide(); } //trigger $(window).on('scroll', function(){ if(showPosition < $(window).scrollTop()){ $elm.fadeIn(speed); }else{ $elm.fadeOut(speed); } }); u.isWindowSizeCheck(function(){ showPosition = $elmShowPosition.offset().top; }); } } })(jQuery);