Tworzę na swojej stronie dodatek taki jak tutaj http://jquerytools.org/demos/scrollable/index.htm .

Wszystko ładnie działa, ale problem jest kiedy umieszczam drugą taką samą galerię, która mieści się 2 <br>'y niżej na tej samej stronie.


Czy ma ktoś jakiś pomysł jak rozwiązać ten problem? Na stronie będzie około 15 takich galerii.

Tylko nie napisałeś jaki pojawia się problem.

Na pewno używasz innego selektora dla każdej z karuzeli? To samo dotyczy przycisków .prev .next

[HTML] pobierz, plaintext 
<div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action -->
<a class="prev browse left"></a>
 
<!-- root element for scrollable -->
<div class="scrollable" id="scrollable">
 
  <!-- root element for the items -->
  <div class="items">
 
    <!-- 1-5 -->
    <div>
      <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
      <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
      <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
      <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
    </div>
 
    <!-- 5-10 -->
    <div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>
 
    <!-- 10-15 -->
    <div>
      <img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
      <img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
      <img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
      <img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
    </div>
 
  </div>
 
</div>
 
<!-- "next page" action -->
<a class="next browse right"></a>
</div><br><br>
[HTML] pobierz, plaintext 

Powyższy kod działa ok, ale kiedy zrobię go x2 to już wszystko zwiesza się i nic nie działa...

W skrypcie mam tylko to(bez selektorów, których niestety nie ogarniam):

[PHP] pobierz, plaintext 
<script>
$(function() {
  // initialize scrollable
  $(".scrollable").scrollable();
});
</script>
[PHP] pobierz, plaintext 

Selektory

http://www.kurshtml.edu.pl/css/selektory.html

A wracając do tematu.

Daj sobie przed Twoim kodem <div id="first-gallery">, zamknij go po kodzie.

Dla drugiej przed daj <div id="second-gallery"> i tak samo pamiętaj go zamknąć

Teraz jQuery:



No i pamiętaj by nie powtarzać identyfikatorów razy dwa. ID musi być unikalne dla każdego elementu, nie możesz mieć dwa razy <div id="scrollable">

Dzięki wielkie, działa

temat do zamknięcia.