/* =========================================== common.js =========================================== */ (function($){ $(document).ready(function(){ /* imgSwitcher ------------------------------------- */ //setting var switchObj = $('img[src*="_n."],input[src*="_n."]'); //preload $(function(){ switchObj.each(function(){ var img = new Image(); img.src = String($(this).attr('src')).replace(/_n\.(.*)$/,'_o.$1'); }); }); //event $(function(){ switchObj.hover(function(){ $(this).attr('src',$(this).attr('src').replace('_n.','_o.')); },function(){ $(this).attr('src',$(this).attr('src').replace('_o.','_n.')); }); }); /* smoothScroll ------------------------------------- */ jQuery.easing.quart = function(x, t, b, c, d){ return -c * ((t=t/d-1)*t*t*t - 1) + b; }; $('a[href*=#]').click(function(){ if(location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname){ var $target = $(this.hash); $target = $target.length && $target || $('[name='+this.hash.slice(1)+']'); if($target.length){ var targetOffset = $target.offset().top; var targetTag = navigator.appName.match(/Opera/)? "html" : "html,body"; $(targetTag).animate({scrollTop: targetOffset}, 'quart'); return false; } } }); jQuery.easing.quart = function(x, t, b, c, d){ return -c * ((t=t/d-1)*t*t*t - 1) + b; }; $('area[href*=#]').click(function(){ if(location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname){ var $target = $(this.hash); $target = $target.length && $target || $('[name='+this.hash.slice(1)+']'); if($target.length){ var targetOffset = $target.offset().top; var targetTag = navigator.appName.match(/Opera/)? "html" : "html,body"; $(targetTag).animate({scrollTop: targetOffset}, 'quart'); return false; } } }); /* jsTabs ----------------------------------- */ if($("#js-tabs").length) { $('.boxTab li').click(function() { //num set var num = $('.boxTab li').index(this); //class="active" set in contents $('.js-content').removeClass('active'); $('.js-content').eq(num).addClass('active'); //class="active" set in tabs $('.boxTab li').removeClass('active'); $(this).addClass('active'); }); } /* ウィンドウ右にFixedするボタン群を閉じる ----------------------------------- */ $(".fixedBox01 .btnClose01").click(function(){ $(".fixedBox01").fadeOut(); $(window).off("scroll", display); }); }); })(jQuery); /* js-toggle ------------------------------------- */ if($('.js-toggle-tit').length){ $('.js-toggle-tit').on('click',function(){ $(this).toggleClass('on'); $(this).next('.js-toggle-content').slideToggle('fast'); }); } /* 以下、ウインズリンクより流用 ------------------------------------- */ $(document).ready(function(){ gallery.execute(); popup.execute(); popup_content.execute(); shop_map_popup.execute(); save_status_popup.execute(); // add_more_popup.execute(); }); /* gallery action ------------------------------------- */ var gallery = { execute : function(){ // mouseover action ギャラリー gallery.list(); }, list : function(){ var $gallery = $('.js-gallery'); if( $gallery.size() <= 0) return false; $gallery.on('click', '.js-gallery-thumb a', function(e){ e.preventDefault(); }); $gallery.on('mouseover', '.js-gallery-thumb a', function(e){ var href = $(this).attr('href'); $gallery.find('.js-gallery-main img').attr('src', href); $('.image-main .name').html($(this).parent().find('.desc').html()); }); } } /* popup action ------------------------------------- */ var popup = { execute : function(){ // open $('.js-lightbox').on('click', function(e){ e.preventDefault(); var href = $(this).attr('href'); popup.open(href); }); // close $(document).on('click', '.js-close', function(){ popup.close(); }); }, open : function( href ){ $.ajax({ url : href, type : 'get', data : {}, datatype:'html', success: function(data){ $('body').append(data); $('#popup-container').fadeIn(300); } }); $('body, html').scrollTop(0); }, close : function(){ $('#popup-container').fadeOut(200,function(){ $('#popup-container').remove(); // $(this).remove(); }); } } /* popup content action ------------------------------------- */ var popup_content = { execute : function(){ // open $('.js-lightbox-con').on('click', function(e){ e.preventDefault(); var href = $(this).attr('href'); popup_content.open(href); }); // close $(document).on('click', '.js-close-con', function(){ popup_content.close(); }); }, open : function( href ){ $('#popup-container-con').fadeIn(300); $('body, html').scrollTop(0); }, close : function(){ $('#popup-container-con').fadeOut(200); } } /* popup shop map action ------------------------------------- */ var shop_map_popup = { execute : function(){ // open $('.js-lightbox_map_shop').on('click', function(e){ e.preventDefault(); var href = $(this).attr('href'); shop_map_popup.open(href); }); // close $(document).on('click', '.js-close', function(){ shop_map_popup.close(); }); }, open : function( href ){ $.ajax({ url : href, type : 'get', data : {}, datatype:'html', success: function(data){ $('body').append(data); $('#popup-container-shop').fadeIn(300); map_init(); } }); $('body, html').scrollTop(); }, close : function(){ $('#popup-container-shop').fadeOut(200,function(){ $('#popup-container-shop').remove(); // $(this).remove(); }); } } /* popup save status action ------------------------------------- */ var save_status_popup = { execute : function(){ // open $('.js-lightbox-save-status').on('click', function(e){ e.preventDefault(); var href = $(this).attr('href'); save_status_popup.open(href); }); // close $(document).on('click', '.js-close', function(){ save_status_popup.close(); }); }, open : function( href ){ $.ajax({ url : href, type : 'get', data : {}, datatype:'html', success: function(data){ $('body').append(data); $('#popup-container-save').fadeIn(300); if(typeof detail_map_init == 'function') detail_map_init(); } }); $('body, html').scrollTop(0); }, close : function(){ $('#popup-container-save').fadeOut(200,function(){ $('#popup-container-save').remove(); // $(this).remove(); }); } } /* popup save status action ------------------------------------- */ /* var add_more_popup = { execute : function(){ // open $('.js-lightbox-add-more').on('click', function(e){ e.preventDefault(); var href = $(this).attr('href'); add_more_popup.open(href); }); // close $(document).on('click', '.js-close', function(){ add_more_popup.close(); }); }, open : function( href ){ $.ajax({ url : href, type : 'get', data : {}, datatype:'html', success: function(data){ $('body').append(data); $('#popup-container-add-more').fadeIn(300); detail_map_init(); } }); $('body, html').scrollTop(0); }, close : function(){ $('#popup-container-add-more').fadeOut(200,function(){ $('#popup-container-add-more').remove(); // $(this).remove(); }); } } */