fix bg image resize

[lolstats] / script.js

diff --git a/script.js b/script.js
index 96ea448ba1de5cc7cc6fbac354d123fc651b952f..1d861e106c7b15ad81c5b11f5c3daa102f874257 100644 (file)
--- a/script.js
+++ b/script.js
@@ -10,19 +10,28 @@ let redSkins = [
 function randomElement(array) {
   return array[Math.floor(Math.random() * array.length)];
 }
 function randomElement(array) {
   return array[Math.floor(Math.random() * array.length)];
 }

+let champ1 = "http://ddragon.leagueoflegends.com/cdn/img/champion/loading/" + randomElement(redSkins) + ".jpg";
+let champ2 = "http://ddragon.leagueoflegends.com/cdn/img/champion/splash/" + randomElement(redSkins) + ".jpg";
+let ionia1 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Fmttargon-eternal-winter-of-the-mountaintop.jpg";
+let ionia2 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Ffactions%2Fmount-targon_splash.jpg";

 
 function getType() {
 
 function getType() {

+  return window.innerWidth < window.innerHeight;

   return (typeof window.orientation !== 'undefined');
 }
 
 var bg = new Vue({
   el: '#background',
   data: {
   return (typeof window.orientation !== 'undefined');
 }
 
 var bg = new Vue({
   el: '#background',
   data: {

-    image: "http://ddragon.leagueoflegends.com/cdn/img/champion/" + (getType() ? "loading/" : "splash/") + randomElement(redSkins) + ".jpg",
-    mobile: getType(),
+    image: getType() ? ionia1 : ionia2,

   }
 });
 
   }
 });
 

+function onResize() {
+  if (getType()) bg.image = ionia1;
+  else bg.image = ionia2;
+}
+

 var start = new Vue({
   el: '#start',
   data: {
 var start = new Vue({
   el: '#start',
   data: {