Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Nawigacja do InnerFade, Jak dorobić nawigacje do slidera typu innerfade
soszin
post 20.04.2013, 06:59:08
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 1
Dołączył: 26.10.2012
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Cześć.

Przejde do konkretów:D
Zrobiłem slider InnerFade korzystając z gotowego przykładu...
slider wyglada tak http://soszin.xaa.pl/mimr/
Chciałbym do niego dorobic jeszcze 3 przyciski nawigacji. Nie jestem za dobry w jquery wiec prosilbym o wszelkie wskazówki jak to wykonać.
Z tego co sam sie orientuje zapewne dodac atrybuty np rel="" dla <a>(nawigacji)</a> i z kolei taki sam rel dac dla obrazków.
Kolejno pobierac atrybut kliknietego i temu nadawac display block a reszcie display none.
Tylko nie zabardzo wiem jak sie do tego zabrac:) Może macie jakies przykłady, tutoriale które moglyby mi pomoc, lub wy macie jakieś swoje pomysły czy rozwiązania.

Z góry dzięki za pomoc;)
Pozdrawiam
Go to the top of the page
+Quote Post
sf
post 20.04.2013, 08:31:44
Post #2





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

Ostrzeżenie: (0%)
-----


Dużo trudniej dorobić to do istniejącej klasy. Powinieneś napisać sobie własny plugin, który działa na kliknięcie w nawigację ( sam nie przesuwa się ), a potem dodać automatyczne przesuwanie się. Ewentualnie skorzystaj z gotowej biblioteki, ktora posiada już taką funkcję, jest tego od groma.

pierwszy z brzegu wynik:

http://amazingslider.com/examples/jquery-banner-rotator/


--------------------
Zapraszam na mój php blog, tworzenie stron.
Go to the top of the page
+Quote Post
soszin
post 21.04.2013, 11:55:09
Post #3





Grupa: Zarejestrowani
Postów: 38
Pomógł: 1
Dołączył: 26.10.2012
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Dzięki wielkie za linka bardzo duzo ciekawych sliderow.
jednak slider w linku ktory podalem ma efekt przenikania a nie przewijania.
Podobny Slider o ktorym mi chodzi znalazłem w linku od Ciebie http://amazingslider.com/examples/jquery-image-rotator/?id=4 , lecz on również nie posiada nawigacji.
Go to the top of the page
+Quote Post
Arcioch
post 27.04.2013, 08:23:48
Post #4





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----


Tutorial jak zrobić taki slider z paginacją smile.gif
http://blog.ckdev.pl/2010/07/08/slider-jqu...z-efektem-fade/

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: 24.07.2025 - 21:58