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!
‹ e-mail elküldés Nem frissülő iframe ›
 ■
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:
<div class="scrollable">
  <!-- root element for the items -->
  <div class="items">
    <div class="page">
      <div><img src="images/p1.png"></div>

      <div><img src="images/p2.png"></div>

      <div><img src="images/p3.png"></div>
    </div>

    <div class="page">
      <div><img src="images/p4.png"></div>

      <div><img src="images/p5.png"></div>

      <div><img src="images/p6.png"></div>
    </div>

    <div class="page">
      <div><img src="images/p7.png"></div>

      <div><img src="images/p8.png"></div>
    </div>
  </div>
</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:

$featured = $('.scrollable').scrollable();

	$featured.each(function() {
		var $itemsToClone = $(this).scrollable().getItems().slice(1);
		var $wrap = $(this).scrollable().getItemWrap();
		var clonedClass = $(this).scrollable().getConf().clonedClass;
		$itemsToClone.each(function() {
			$(this).clone(true).appendTo($wrap)
				.addClass(clonedClass + ' hacked-' + clonedClass);
		});
	});
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:

<script>
	$(function() {
		$featured = $('.scrollable').scrollable({ circular: true, itemCount: 6 });  
  
    	$featured.each(function() {  
        	var $itemsToClone = $(this).scrollable().getItems().slice(1);  
        	var $wrap = $(this).scrollable().getItemWrap();  
        	var clonedClass = $(this).scrollable().getConf().clonedClass;  
        	$itemsToClone.each(function() {  
            	$(this).clone(true).appendTo($wrap).addClass(clonedClass + ' hacked-' + clonedClass);  
        	});  
    	});  	
	});
</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! :-(