[jQuery] Animowany slider - prośba o wytłumaczenie Opcje

[forte94]

Witam, na co dzień zajmuję się programowaniem w nieco innych językach nisz JavaScript czy jQuery, jednak dziś przyszła konieczność napisania skryptu.
Chodzi o bardzo prosty slider, który będzie pokazywał jeden div, ukrywając resztę przy pomocy atrybutu css: opacity.

Struktura HTML:

[HTML] pobierz, plaintext 
<div class="zbiornik">
        <div class="views-row">
                <img>
                // ... inne pola, mało istotne
                <div class="nav">
                        <a class="nav-next"></a>
                        <a class="prev-next"></a>
                </div>
        </div>
        //...tu kolejny element slidera, łącznie 3 będą, ale chciałbym żeby było to skalowalne
</div>
[HTML] pobierz, plaintext 

Po przyciśnięciu przycisku "nav-next" powinien ukrywać się ten div "views-row", a kolejny pokazywać z płynnym przejściem opacity.
Nie proszę o napisanie całego skryptu, ale wytłumaczenie w jaki sposób to napisać.

[Damonsson]

Szkoda czasu forumowiczów i Twojego. google -> jquery slider

[forte94]

Niestety nie tak łatwo wygooglować jak zrobić taki slider dla takiej struktury. Od Googla zawsze zaczynam (IMG:style_emoticons/default/smile.gif)

[thek]

Pomyśl... A może wszystkie z absolute w tym samym miejscu, ale o innych z-index i display na none oprócz jednego. Gdy następuje zmiana dajesz opacity dwóm kolejnym i zmieniasz jednemu opacity od 100% do 0%, drugemu na odwrót i ten który się pojawia ma modyfikowany także z-index aby wyskoczył na wierz i stałsię tym samym klikalny. Oczywiście to jeden ze sposobów możliwych.