Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Animowany slider - prośba o wytłumaczenie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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:

  1. <div class="zbiornik">
  2. <div class="views-row">
  3. <img>
  4. // ... inne pola, mało istotne
  5. <div class="nav">
  6. <a class="nav-next"></a>
  7. <a class="prev-next"></a>
  8. </div>
  9. </div>
  10. //...tu kolejny element slidera, łącznie 3 będą, ale chciałbym żeby było to skalowalne
  11. </div>


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 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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.