Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zmienna nie aktualizuje swojej wartości po pewnym zdarzeniu
cve
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 18.09.2009

Ostrzeżenie: (0%)
-----

Witam, piszę sobie malutki skrypt prezentujący galerie i napotkałem dziwny problem, otóż chcę aby po kliknięciu przycisku #next zmienna i przyjmowała +1, a w momencie kliknięcia przycisku #prev -1, niby funkcje działają dobrze, bo fotografie przechodzą po kolei podczas kliknięcia #next, ale nie reagują warunki, w którym jest ustawione, ze gdy jest wyświetlona ostatnia fotka, to przycisk #next ma się schować, a gdy wyświetlona jest pierwsza fotka to przycisk #prev ma się schować, jest dobrze, gdy na samym początku przypiszę zmiennej i np. wartość 2, 3, 4, 5 itd, wtedy te warunki działają dobrze, bo znika #prev przy pierwszym zdjęciu, i #next przy ostatnim, ale dlaczego ta zmienna nie aktualizuje się podczas klikania w elementy?
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <title>Jquery Loader</title>
  6.         <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  7.         <script type="text/javascript" src="js/js.js"></script>
  8.     </head>
  9.     <body>
  10.         <div id="galeria">
  11.             <img alt="" src="img/IMG_4533.JPG" />
  12.             <img alt="" src="img/IMG_4540.JPG" />
  13.             <img alt="" src="img/IMG_4551.JPG" />
  14.             <img alt="" src="img/IMG_4553.JPG" />
  15.             <img alt="" src="img/IMG_4832.JPG" />
  16.             <img alt="" src="img/IMG_4838.JPG" />
  17.             <img alt="" src="img/IMG_4973.JPG" />
  18.             <img alt="" src="img/IMG_4997.JPG" />
  19.             <img alt="" src="img/IMG_5010.JPG" />
  20.         </div>
  21.         <a href="#" id="prev">Prev</a>
  22.         <a href="#" id="next">Next</a>
  23.     </body>
  24. </html>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. $(function(){
  2.     $("#galeria").hide();
  3.  
  4.     collection = $("#galeria img").map(function() {
  5.         return $(this).attr("src");
  6.     }).get();
  7.  
  8.     i=0;
  9.     j=collection.length;
  10.  
  11.     $('body').append("<img id='img' alt='' src='"+collection[i]+"' />");
  12.  
  13.     if(i<=0) {
  14.         $('#prev').hide();
  15.         $('#next').show();
  16.     }
  17.     if(i>=j-1) {
  18.         $('#next').hide();
  19.         $('#prev').show();
  20.     }
  21.     $('#next').click(function(){
  22.         i = i + 1;
  23.         $('#img').attr('src', collection[i]);
  24.     })
  25.     $('#prev').click(function(){
  26.         $('#img').remove();
  27.         i = i - 1;
  28.         $('#img').attr('src', collection[i]);
  29.     })
  30. });
[PHP] pobierz, plaintext

Byłbym wdzięczny za jakąś wskazówkę. Z góry serdecznie dziękuję.
Pozdrawiam.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
posiadacz
post
Post #2





Grupa: Zarejestrowani
Postów: 46
Pomógł: 2
Dołączył: 2.04.2009

Ostrzeżenie: (0%)
-----

W listenerze obsługującym zdarzenie zmiany zdjęcia (następne lub poprzednie) nie masz obsługi pokazywania/ukrywania przycisków, dlatego działa tylko przy pierwszym wywołaniu.

Dopisz funkcje:
[PHP] pobierz, plaintext 
  1. function showNext(){
  2. ...
  3. }
  4.  
  5. function hideNext(){
  6. ...
  7. }
  8. function showPrev(){
  9. ...
  10. }
  11. function hidePrev(){
  12. ...
  13. }
  14. function manageButton(currentPic, maxPic){
  15.  if(currPic == 0){
  16.   hidePrev();
  17.  }else{
  18.  showPrev();
  19.  }
  20.  
  21.  if(currPic => maxPic){
  22.   hideNext();
  23.  }else{
  24.   showNext();
  25.  }
  26. }
[PHP] pobierz, plaintext


i w sekcji

[PHP] pobierz, plaintext 
  1. $('#next').click(function(){
  2. i = i + 1;
  3.  manageButtons(i, j);
  4. $('#img').attr('src', collection[i]);
  5.  
  6. })
  7.  
  8. $('#prev').click(function(){
  9.  manageButons(i, j);
  10. $('#img').remove();
  11.  
  12. i = i - 1;
  13.  
  14. $('#img').attr('src', collection[i]);
  15.  
  16. })
[PHP] pobierz, plaintext

I pokombinuj bo można to jeszcze ladniej zrobic, tak po prostu dziala.
Go to the top of the page
+Quote Post
cve
post
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 18.09.2009

Ostrzeżenie: (0%)
-----

Działa smile.gif dziękuję bardzo.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 20:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn