Advertisement
Guest User

xccxcx

a guest
Dec 11th, 2017
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 3.10 KB | None | 0 0
  1.    <script>
  2.         var clubs, players, stadions;
  3.         var i = 0;
  4.         var canUse = true; //To naprawia
  5.  
  6.         $(document).ready(function () {
  7.        
  8.             clubs = $(".klub"); //Najpierw wczytujemy kolejno: kluby, piłkarzy i stadiony
  9.             players = $(".pilkarz");
  10.             stadions = $(".stadion");
  11.  
  12.             $(".strzk_r").click(function () { //Gdy kliknięto strzałkę przy klubach
  13.                 pokaznastepnyklub(); //wczytuje następny klub
  14.             });
  15.  
  16.             $("strzk_l").click(function () {
  17.                 pokazpoprzedniklub(); //lub poprzedni (gdy lewa strzałka)
  18.             });
  19.  
  20.             $(".strzp_r").click(function () { //Tu się wszystko powtarza j.w żeby wyglądało trochę mniej profesjonalnie
  21.                 pokaznastepnypilkarz(); //
  22.             });
  23.  
  24.             $(".strzp_l").click(function () {
  25.                 pokazpoprzednipilkarz(); //
  26.             });
  27.  
  28.             $(".nzdj_r").click(function () {
  29.                 pokaznastepnystadion(); //
  30.             });
  31.  
  32.             $(".nzdj_l").click(function () {
  33.                 pokazpoprzednistadion();
  34.             });
  35.  
  36.      
  37.            
  38.         });
  39.        
  40.         function pokaznastepnyklub() //Wszystkie te funkcje są podobne
  41.         {
  42.             $(clubs[i]).fadeOut(500, function () { //Najpiew ukrywamy przez 500 milisekund aktualny klub, piłkarza czy stadion
  43.                 i++; //Potem bierzemy następny
  44.                 if (i >= clubs.length)
  45.                     i = 0;
  46.                 $(clubs[i]).fadeIn(100); //I go w 100 ms pokazujemy
  47.             });
  48.         }
  49.  
  50.         function pokazpoprzedniklub() { //To samo ale w drugą stronę, bierzemy poprzedni
  51.             $(clubs[i]).fadeOut(500, function () {
  52.                 i--;
  53.                 if (i < 0)
  54.                     i = clubs.length - 1;
  55.                 $(clubs[i]).fadeIn(100);
  56.             });
  57.         }
  58.  
  59.         function pokaznastepnypilkarz() { //j.w
  60.             $(players[i]).fadeOut(500, function () {
  61.                 i++;
  62.                 if (i >= players.length)
  63.                     i = 0;
  64.                 $(players[i]).fadeIn(100);
  65.             });
  66.         }
  67.  
  68.         function pokazpoprzednipilkarz() { //I tu też
  69.             $(players[i]).fadeOut(500, function () {
  70.                 i--;
  71.                 if (i < 0)
  72.                     i = players.length - 1;
  73.                 $(players[i]).fadeIn(100);
  74.             });
  75.         }
  76.  
  77.         function pokaznastepnystadion() { //Tutaj jest użyte Jqury UI
  78.             $(stadions[i]).toggle("scale", function () { //To działa identycznie ale jest animacja skalowania, to że stadiony się tak zmniejszają
  79.                 i++;
  80.                 if (i >= stadions.length)
  81.                     i = 0;
  82.                 $(stadions[i]).toggle("scale");
  83.             });
  84.         }
  85.  
  86.         function pokazpoprzednistadion() {
  87.             $(stadions[i]).toggle("scale", function () {
  88.                 i--;
  89.                 if (i < 0)
  90.                     i = stadions.length - 1;
  91.                 $(stadions[i]).toggle("scale");
  92.             });
  93.         }
  94.  
  95.  
  96.     </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement