/*Google Fonts をWeb Font Loadeスクリプトrで非同期で読み込む*/ /*google: { families: ['Roboto:400,500,700', 'Noto+Sans+JP'] }, google: { families: ['Noto+Serif+JP:400,500'] }, google: { families: ['Noto+Sans+JP:300,350,400,500,600,700'] },*/ window.WebFontConfig = { google: { families: ['Noto+Serif+JP:400,500,600'] }, active: function() { sessionStorage.fonts = true; } }; (function() { var wf = document.createElement('script'); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); $(function(){ var $tabs = $('.tabs_top li'); var $contents = $('.cont'); // 最初のタブにカレント指定 $('.tabs_top li:first-child').addClass('current-cat'); // タブボタンのナンバリング $('.tabs_top li').each(function(i){ $(this).addClass('btn' + (i+1)); }); // コンテンツのナンバリング $('.cont').each(function(i){ $(this).attr('id','cont' + (i+1)); }); function changeTab(tabId) { var $currentPage = $contents.filter(':visible'); var $targetPage = $contents.filter('#cont' + tabId); // コンテンツの切り替え(カッコ内の数字を変えるとフェードのタイミングが変わります) $currentPage.hide(); // $currentPage.css('visibility','hidden'); $targetPage.fadeIn(1000); // カレントのタブ変更 $tabs.removeClass('current-cat'); $tabs.filter('.btn' + tabId).addClass('current-cat'); } $tabs.click(function(){ changeTab($(this).attr('class').slice(3)); }); }); $(function(){ var swiper = new Swiper('.swiper-container', { // pagination: '.swiper-pagination', // paginationClickable: true, // parallax: true, // grabCursor:true, effect: 'fade', // nextButton: '.swiper-button-next', // prevButton: '.swiper-button-prev', speed: 2000, autoplay: 5000, autoplayStopOnLast: true, //trueにすると、最後のスライドになった時に自動再生が停止する。loopのオプションを設定している場合は効かない。 loop: true }); });