Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Jak zrobić taki Slider
Kuba707
post 13.03.2011, 17:42:19
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? smile.gif Już nie ważne to że na wpływ zmiany rozmiaru okna doklejają się zdjęcia czy też usuwają smile.gif

Ten post edytował Kuba707 13.03.2011, 18:56:33
Go to the top of the page
+Quote Post
cojack
post 13.03.2011, 18:56:36
Post #2





Grupa: Zarejestrowani
Postów: 898
Pomógł: 80
Dołączył: 31.05.2008

Ostrzeżenie: (20%)
X----


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
Go to the top of the page
+Quote Post
Kuba707
post 13.03.2011, 19:49:18
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.
Go to the top of the page
+Quote Post
sylwekqaz
post 13.03.2011, 21:09:47
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
Go to the top of the page
+Quote Post
Smith01
post 13.03.2011, 22:01:22
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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 05:49