Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] sprawdzanie kolejnosci elementow
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
SaMi
Witam,
Próbuję stworzyć prostą grę na zasadzie puzli.
wygląda to wstępnie tak:

gra

chodzi o ułożenie poprzez przesuwanie obrazu, nie bardzo wiem jednak jak sprawdzić czy obraz jest prawidłowo ułożony.
kod wygląda następująco:
  1. <div id="div1">
  2. <img src="images/1/1_02.jpg" id="2" class="sortableitem" />
  3. <img src="images/1/1_03.jpg" id="3" class="sortableitem" />
  4. <img src="images/1/1_04.jpg" id="4" class="sortableitem" />
  5. <img src="images/1/1_05.jpg" id="5" class="sortableitem" />
  6. <img src="images/1/1_09.jpg" id="9" class="sortableitem" />
  7. <img src="images/1/1_10.jpg" id="10" class="sortableitem" />
  8. <img src="images/1/1_13.jpg" id="13" class="sortableitem" />
  9. <img src="images/1/1_14.jpg" id="14" class="sortableitem" />
  10. <img src="images/1/1_15.jpg" id="15" class="sortableitem" />
  11. <img src="images/1/1_08.jpg" id="8" class="sortableitem" />
  12. <img src="images/1/1_01.jpg" id="1" class="sortableitem" />
  13. <img src="images/1/1_12.jpg" id="12" class="sortableitem" />
  14. <img src="images/1/1_06.jpg" id="6" class="sortableitem" />
  15. <img src="images/1/1_16.jpg" id="16" class="sortableitem" />
  16. <img src="images/1/1_11.jpg" id="11" class="sortableitem" />
  17. <img src="images/1/1_07.jpg" id="7" class="sortableitem" />
  18. </div>
  19. <h3>Pozostało:</h3><h4><span id="time">60</span> sekund</h4>
  20. <script type="text/javascript">
  21. function executeTimer()
  22. {
  23. var time = parseInt($("#time").text());
  24. if (time-1 > -1)
  25. {
  26. $("#time").text(time-1);
  27. return false;
  28. }
  29. window.clearInterval(gameTimer);
  30. gameOver = true;
  31.  
  32. if (gameOver)
  33. {
  34. $("div").addClass("div1").hide("slow");
  35. };
  36. }
  37. <script type="text/javascript">
  38. $(document).ready(
  39. function () {
  40. $('div').Sortable(
  41. {
  42. accept : 'sortableitem',
  43. helperclass : 'sorthelper',
  44. activeclass : 'sortableactive',
  45. hoverclass : 'sortablehover',
  46. opacity: 0.8,
  47. revert: true,
  48. floats: true,
  49. tolerance: 'pointer'
  50. }
  51. )
  52. gameTimer = window.setInterval("executeTimer()", 1000);
  53. }
  54. );


może ktoś ma jakieś propozycję jak rozwiązać ten problem ?
lord_t
W funkcji executeTimer:

przeleć pętlą, albo (.each()-em) po obrazkach sprawdzając czy wszystkie id są po kolei (1-16)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.