ugrás a tartalomhoz

jQuery Tools Scrollable probléma

BBoy · 2010. Okt. 19. (K), 00.29
Egy kis segítséget szeretnék kérni.

scroll-test

A fenti linken tapasztalhatjátok, hogy a képek görgetése sajnos nem teljesen úgy működik (az első körbegörgetés után az első után eltűnik a második elem a képernyőről!!), ahogyan azt elvárnánk tőle :(

Mi lehet a probléma oka?

Válaszokat előre is köszönöm!
 
1

Scrollable

Poetro · 2010. Okt. 19. (K), 00.57
Ha olvastad, akkor tudod, hogy 1.2-től kezdve a Scrollable csak 1 oldalt görget, azaz ha neked egy oldalon 3 elem jelenik meg, akkor azt annak megfelelően kell csoportosítani. Például:
  1. <div class="scrollable">  
  2.   <!-- root element for the items -->  
  3.   <div class="items">  
  4.     <div class="page">  
  5.       <div><img src="images/p1.png"></div>  
  6.   
  7.       <div><img src="images/p2.png"></div>  
  8.   
  9.       <div><img src="images/p3.png"></div>  
  10.     </div>  
  11.   
  12.     <div class="page">  
  13.       <div><img src="images/p4.png"></div>  
  14.   
  15.       <div><img src="images/p5.png"></div>  
  16.   
  17.       <div><img src="images/p6.png"></div>  
  18.     </div>  
  19.   
  20.     <div class="page">  
  21.       <div><img src="images/p7.png"></div>  
  22.   
  23.       <div><img src="images/p8.png"></div>  
  24.     </div>  
  25.   </div>  
  26. </div>  
2

Igen, de ha ő egyesével

LeGaS · 2010. Okt. 19. (K), 19.02
Igen, de ha ő egyesével akarja léptetni, akkor megmarad ez a hiba.
Nekem is problémám volt vele és ezt a megoldást találtam a fórumon:
  1. $featured = $('.scrollable').scrollable();  
  2.   
  3.     $featured.each(function() {  
  4.         var $itemsToClone = $(this).scrollable().getItems().slice(1);  
  5.         var $wrap = $(this).scrollable().getItemWrap();  
  6.         var clonedClass = $(this).scrollable().getConf().clonedClass;  
  7.         $itemsToClone.each(function() {  
  8.             $(this).clone(true).appendTo($wrap)  
  9.                 .addClass(clonedClass + ' hacked-' + clonedClass);  
  10.         });  
  11.     });  
3

Az mennyire működik, hogy a

deejayy · 2010. Okt. 20. (Sze), 14.04
Az mennyire működik, hogy a prev/next gomboktól külön containerbe teszed a képeket, amik középen vannak?
4

Sajnos nálam ezek közül egyik

BBoy · 2010. Okt. 21. (Cs), 09.09
Sajnos nálam ezek közül egyik sem működött.
5

Miért nem a legújabb verziót használod?

_subi_ · 2010. Okt. 21. (Cs), 12.06
Első lépésként azt javasolnám, használd a legújabb (jelenleg ez az 1.2.5-ös) verziót. Én tegnap kötöttem be, és szépen működik. Konkrétan a problémádat nem teszteltem...
6

Ami most nálad a head-ben

LeGaS · 2010. Okt. 21. (Cs), 13.58
Ami most nálad a head-ben van, azt tedd a záró body tag elé, vagy fordítva, de a két scrollable szerintem felülírja egymást. Tehát:
  1. <script>  
  2.     $(function() {  
  3.         $featured = $('.scrollable').scrollable({ circular: true, itemCount: 6 });    
  4.     
  5.         $featured.each(function() {    
  6.             var $itemsToClone = $(this).scrollable().getItems().slice(1);    
  7.             var $wrap = $(this).scrollable().getItemWrap();    
  8.             var clonedClass = $(this).scrollable().getConf().clonedClass;    
  9.             $itemsToClone.each(function() {    
  10.                 $(this).clone(true).appendTo($wrap).addClass(clonedClass + ' hacked-' + clonedClass);    
  11.             });    
  12.         });       
  13.     });  
  14. </script>  
Ezzel a kóddal cseréld le a mostanit (a záró body tag előtt), a head-ből pedig töröld ami ott van.
7

A probléma majdnem

BBoy · 2010. Okt. 22. (P), 11.51
A probléma majdnem megoldódott, de valami miatt az 1-es sorszámú kép kimarad a ciklus vége után, továbbá nem megy a folytonosság?!
8

Próbáld meg, hogy kitörlöd az

LeGaS · 2010. Okt. 22. (P), 20.25
Próbáld meg, hogy kitörlöd az itemCount: 8 részt, illetve az előtte álló vesszőt.
9

Sajnos nem segített ez sem!

BBoy · 2010. Okt. 24. (V), 22.43
Sajnos nem segített ez sem! :-(