[JavaScript] tworzenie wlasnych sliderow Opcje

[bialko0019]

Witam Was. Mam takie dosyć dziwne pytanie. Tworzę sobie nowy sliderek (prowizorycznie).

Daję trzy div`y, które każdy ma inny identyfikato. Przypuścmy #div1, #div2 i #div3. Każdy ma style: display:none;

Teraz przycisku. Każdy ma równiez inny identyfikator, np. #przycisk1, #przycisk2 i #przycisk3.

Teraz aby obsłużyć ten slider, robię tak, że po kliknięciu #przycisk1 zamykam #div2 oraz #div3 i otwieram #div1. I tak przy każdej klatce. Trochę to uciążliwe i wiem, że to jest nie fachowe tyle javascrptu pakować. Jak to lepiej rozwiązać? Dla przykładu robię tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
$('#przycisk1').click(function(){
$('#div1').show('slow');
$('#div2').hide('slow');
$('#div3').hide('slow');
});
 
$('#przycisk2').click(function(){
$('#div1').hide('slow');
$('#div2').show('slow');
$('#div3').hide('slow');
});
 
// itd itd...
 
</script>
[HTML] pobierz, plaintext 

Jak to fachowo powinno się rozwiązać? Jakoś utworzyć funkcję, onClick może, ale dalej nie wiem... ?

[c1chy]

Tutaj nic trudnego raczej nie ma a kod jest pisany na szybko...

Co do objaśnień

e to eventObject (http://api.jquery.com/category/events/event-object/) preventDefault zapobiega wykonaniu domyślnej akcji dla danego zdarzenia co w przypadku kliknięcia w link spowodowało by wczytanie tego linku

[JAVASCRIPT] pobierz, plaintext 
var index=parseInt($(this).attr('rel'))-1;
[JAVASCRIPT] pobierz, plaintext 

w zasadzie oznacza to tyle co wczytaj wartość w atrybucie rel elementu który został kliknięty, zrób z niej liczbę i odejmij 1 następnie przypisz do zmiennej index (IMG:style_emoticons/default/smile.gif)
dlatego jest tam <a class="przycisk" rel="1"> a odejmujemy 1 ponieważ index elementów w jQuery liczy się od zera czyli dla slajd 1 poprawny index to 0 dla slajd 2 to 1 itd.

.eq() - pozwala na odwołanie się do n-tego elementu z wybranych czyli wybieramy wszystkie elementy o klasie slajd i odwołujemy się tylko do elementu index

Więcej szczegółów i przykładów znajdziesz w dokumentacji jQuery sporo można się tam dowiedzieć.