var visualfiles = { 'top':{ 'pc':["https://endoh-masaaki.com/wp-content/uploads/2023/01/main03-1.png"], 'sp':["https://endoh-masaaki.com/wp-content/uploads/2017/05/main04_s_mini-1-1-1.png"], }, }; // 現在の表示タイプの永続化 var nowtype = (function() { var now = ""; return { set: function(n) { now = n; }, change: function() { now = (now == "pc") ? "sp" : "pc"; }, show: function() { return now; } }; })(); // リサイズ時のイベント (top のみ) function imagechange (width) { var type = width < 961 ? "sp" : "pc"; // console.log(nowtype.show()); // ウインドウ幅リサイズによって、表示タイプが変わった場合は backstrech を再設定 if (nowtype.show() != type) { nowtype.change(); $("div.backstretch").remove(); $(".main-ph").backstretch(visualfiles["top"][type], {duration: 8000, fade: 2000}); } } // メイン写真の設定 (DOM Ready) $(function(){ var width = $(window).width(); var url = location.pathname; var type = width < 961 ? "sp" : "pc"; var image_type = "top"; nowtype.set(type); // var images = visualfiles[image_type]; images = visualfiles[image_type][type]; $(".main-ph").backstretch(images, {duration: 8000, fade: 2000}); // resize event $(window).resize(function() { imagechange($(window).width()); }); }); function getimage (ar) { ar.sort( function() { return Math.random() - 0.5; } ); return ar[0]; }