![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 94 Pomógł: 0 Dołączył: 20.03.2010 Ostrzeżenie: (0%) ![]() ![]() |
Jak zrobić taki slider jak na http://www.filmweb.pl/Leon.Zawodowiec#picture-1? Zauważcie, że gdy rozciągamy okno to ilość zdjęć się w tym sliderze zwiększa a ilość stron slidera zmniejsza. Nie wiem jak w ogóle ugryźć ten slider. Jakie funkcje jQuery?
Edit: Albo jak w ogóle zrobić taki efekt przewijania? Jak to w praktyce wygląda? ![]() ![]() Ten post edytował Kuba707 13.03.2011, 18:56:33 |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 898 Pomógł: 80 Dołączył: 31.05.2008 Ostrzeżenie: (20%) ![]() ![]() |
W kodzie wynika że plugin się nazywa enhancedLightbox
-------------------- cojack blog - mój blog (na jakiś czas off).
"jak czegoś nie wiem, to nie myślę że wiem" - moja domena |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 94 Pomógł: 0 Dołączył: 20.03.2010 Ostrzeżenie: (0%) ![]() ![]() |
Kurcze, nie mogę nic takiego znaleźć. Ale chyba wpadłem na to jak to można zrobić. Mianowicie.
Załóżmy ze chcemy sobie zrobić trzy takie strony między którymi będzie przełączać. Każda strona to DIV. Wszystkie divy są na raz widzialne, są w jednakowej pozycji lecz z-index jest różny. Począwszy od pierwszej strony coraz niżej x-index się zmniejsza. Teraz załóżmy że jesteśmy na pierwszej stronie, klikam by przejść na drugą stronę i DIV pierwszej strony dostaje animacje - skracanie diva do 0 w danym czasie po czym dać mu display: none; Podczas skracania odsłania się div drugi (strona druga) która ma z-index mniejszy. To jedyne na co wpadłem myśląc nad tym samemu. Ale może jest jakiś przyjęty sposób o którym nie wiem. |
|
|
![]()
Post
#4
|
|
Grupa: Zarejestrowani Postów: 40 Pomógł: 6 Dołączył: 5.03.2011 Ostrzeżenie: (0%) ![]() ![]() |
Wystarczyło podejrzeć kod Firebugiem czy innym podobnym narzędziem. Całość wygąda tak div kontener (css > overflow:hidden; position:absolute;) z divem (css > left:0; position:relative; width:4029px;) z miniaturkami (wszystkimi). skrypt pobiera szerokość okna (albo kontenera) i diva z miniaturkami, sprawdza ile musi być tych kółek do przewijania. przewijanie działa na zasadzie zmiany dla diva z miniaturkami css (left:0; > pobierzesz z szerokości co ile ma przesuwać), dla ładniejszego efektu w jq daj funkcje .animate
|
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 1 Pomógł: 0 Dołączył: 13.03.2011 Ostrzeżenie: (0%) ![]() ![]() |
Good to know that.
Please keep us posted. -------------------- earplugs
|
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 13.06.2025 - 05:49 |