Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Plugin jQuery działający dla wielu elementów o tej samej klasie
Ultear
post 24.07.2014, 15:16:28
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 3
Dołączył: 9.12.2013

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


Witam, napisałem "plugin", dzięki któremy chcę zrobić prezentacje poszczególnych zdjęć z galerii w jej "okładkowym obrazie".

Wygląda to mniej więcej tak:

  1. (function($){
  2. $.fn.thumbPresentation = function(options){
  3.  
  4. $(this).each(function(){
  5.  
  6.  
  7. currPhoto = 0;
  8. photosCount = zindex = $('img', this).length;
  9. zindex = 0;
  10.  
  11. for(z=photosCount;z>=0;z--){
  12.  
  13. $('img:eq('+z+')', this).css('z-index', zindex);
  14. zindex++;
  15.  
  16. }
  17.  
  18. setInterval( function(){
  19. $('img:eq('+currPhoto+')', this).fadeOut();
  20. });
  21.  
  22. if(currPhoto == photosCount -1){
  23. $('img', this).fadeIn();
  24.  
  25. currPhoto = 0;
  26. }
  27. else{
  28. currPhoto++;
  29. }
  30.  
  31.  
  32.  
  33. }, Math.floor((Math.random() * 10) + 1) * 1000);
  34.  
  35.  
  36. });
  37. return $(this);
  38. };
  39. })(jQuery)


No i html

  1. <div class="photo-container">
  2. <img src="images/albums/sample/1.jpg" />
  3. <img src="images/albums/sample/3.jpg" />
  4. <img src="images/albums/sample/2.jpg" />
  5.  
  6. </div>
  7. <div class="photo-container">
  8. <img src="images/albums/sample/2.jpg" />
  9. <img src="images/albums/sample/3.jpg" />
  10. <img src="images/albums/sample/1.jpg" />
  11. </div>
  12.  
  13. <div class="photo-container last">
  14. <img src="images/albums/sample/3.jpg" />
  15. <img src="images/albums/sample/1.jpg" />
  16. <img src="images/albums/sample/2.jpg" />
  17. </div>
  18. $(document).ready( function(){
  19.  
  20. $('.photo-container').thumbPresentation();
  21. });




Jednak nie widać w ogóle efektu, żaden z "photo-containerów" nie przemienia zdjęć, pewnie jest to spowodowane tym, że plugin nadpisuje swoje zmienne. Sam skrypt dla jednego elementu działa. Czy ktoś mógłby mi pomóc poprawić ten plugin, tak aby działał dla każdego elementu o klasie "photo-container"?

Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:14