[CSS][JavaScript][jquery] 1 galeria działa, dwie razem już nie... Opcje

[kamil9012]

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.

[vieri_pl]

Selektory (IMG:style_emoticons/default/smile.gif)

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ąć (IMG:style_emoticons/default/wink.gif)

Teraz jQuery:

Kod

<script>
$(function() {
  $("#first-gallery .scrollable").scrollable({ next: '#first-gallery .next', prev: '#first-gallery .prev' });
$("#second-gallery .scrollable").scrollable({ next: '#second-gallery .next', prev: '#second-gallery .prev' });
});
</script>

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">

Ten post edytował vieri_pl 20.04.2012, 20:36:26