 [JavaScript] przesuwający się div ze zdjęciami |
  |
| [JavaScript] przesuwający się div ze zdjęciami |
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 623 Pomógł: 11 Dołączył: 1.01.2009 Skąd: Wrocław Ostrzeżenie: (0%) 
 |
Witam, z góry uprzedzam, ze w js jestem zielony, więc proszę o cierpliwość do mnie
 A oto mój problem: chciałbym zrobić na stronie przesuwający się div: Cytat ^ (strzałka do góry) zdjęcie 1 zdjęcie 2 zdjecie 3 V (strzałka do dołu) Obok (z lewej strony) były by ukryte div'y (display:none) z powiększonymi zdjęciami i opisami do nich. Chciałbym, żeby wszystko funkcjonowało na document.getElementById, a nie na AJAX'ie. Z podmianą zdjęć nie miałbym problemów. Niestety nie wiem jak zrobić taką listę zdjęć, żeby po najechaniu kursorem na strzałkę do góry z dołu "wyjeżdżały" kolejne zdjęcia (i analogicznie do strzałki w dół). Czy moglibyście doradzić jak napisać takie coś? A może ktoś z forumowiczów spotkał się już z takim skryptem? Z góry dzięki za każdą pomoc! 
Ten post edytował sweter 17.07.2009, 13:35:32 -------------------- |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 675 Pomógł: 286 Dołączył: 15.06.2009 Skąd: Wieliczka Ostrzeżenie: (0%)
|
zrób slide w jQuery
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 623 Pomógł: 11 Dołączył: 1.01.2009 Skąd: Wrocław Ostrzeżenie: (0%)
|
Ale za pomocą slideUP i slideDown, czy istnieją może jakieś inne, podobne funkcje? (pytam się, bo dzisiaj pierwszy raz na oczy widzialem jQuery
)
-------------------- |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Urzyj funkcji animate()
|
|
|
|
|
Post
#5
|
|
 Grupa: Zarejestrowani Postów: 869 Pomógł: 53 Dołączył: 20.10.2003 Skąd: Przeworsk Ostrzeżenie: (0%)
|
jQuery będzie najlepszym i najszybszym rozwiązaniem, ale jednak warto chociaż trochę "liznąć" js-a, żeby mieć jako-takie obeznanie w sprawie.
Nie rozumiem dla czego od razu wykluczasz AJAX-a? Jeżeli zdjęć byłoby bardzo dużo to obniżył by zużycie transferu. -------------------- |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 623 Pomógł: 11 Dołączył: 1.01.2009 Skąd: Wrocław Ostrzeżenie: (0%)
|
Kildyt > A mógłbyś napisać mi taki skrypt, bo ja w ogóle nie rozumiem AJAX'a
 (dlatego wolałem użyć document.getElementById)
-------------------- |
|
|
|
|
Post
#7
|
|
 Grupa: Przyjaciele php.pl Postów: 1 202 Pomógł: 117 Dołączył: 13.04.2007 Skąd: 127.0.0.1 Ostrzeżenie: (0%)
|
Witam!
~sweter, czytaj uważniej. Tu nie chodzi o AJAX'a. Są gotowe pluginy do jQuery, które robią dokładnie to czego Ci trzeba. Jedyne co musisz zrobić to listę w HTML-u z obrazkami. Pomijam już fakt, że taki plugin ma 5 linijek kodu  Pozdrawiam! -------------------- |
|
|
|
|
Post
#8
|
|
 Grupa: Zarejestrowani Postów: 726 Pomógł: 129 Dołączył: 10.01.2008 Skąd: Gdańsk Ostrzeżenie: (0%)
|
Jeśli chcesz cos bardziej zaawanowanego to użyj jCarousel. Tu masz przykład(mój): http://dev.maxik.me/karuzela/ Strona projektu: http://sorgalla.com/jcarousel/ Przykład z pionowym przewijaniem: http://sorgalla.com/projects/jcarousel/exa...c_vertical.html
-------------------- Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/ |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 623 Pomógł: 11 Dołączył: 1.01.2009 Skąd: Wrocław Ostrzeżenie: (0%)
|
Dokładnie o takie coś mi chodziło Maxik!
A mółbyś mi dać kod źródłowy przewijania poziomego i pionowego?
-------------------- |
|
|
|
|
Post
#10
|
|
|
Grupa: Przyjaciele php.pl Postów: 1 202 Pomógł: 117 Dołączył: 13.04.2007 Skąd: 127.0.0.1 Ostrzeżenie: (0%)
|
Witam!
Przecież możesz sobie sam zobaczyć na podanej stronie. Podejrzewam, że jeśli ~Maxik podał te linki to nie ma nic przeciwko  Pozdrawiam! -------------------- |
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 726 Pomógł: 129 Dołączył: 10.01.2008 Skąd: Gdańsk Ostrzeżenie: (0%)
|
Poziome jest w moim przykładzie, możesz zerknąć w źródło i sobie pokopiować, zmiana na pionowe ogranicza się do dodania za scroll:1 czegoś takiego: , vertical:true (z przecinkiem przed 'vertical'). Liczba przy visible to ilość wyświetlających się naraz "punktów", a przy scroll o ile ma przewijać przy każdym kliknięciu. Wtyczka ma parę styli, wszystko jest na stronie projektu której adres podałem.
-------------------- Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/ |
|
|
|
|
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 623 Pomógł: 11 Dołączył: 1.01.2009 Skąd: Wrocław Ostrzeżenie: (0%)
|
OK. A jak zmienić wygląd tych strzałek? Bo jak zmieniam plik w skins/tango/next-horizontal.png na inny o tej samej nazwie i rozszerzeniu to nic się nie dzieje
Czemu? -------------------- |
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 726 Pomógł: 129 Dołączył: 10.01.2008 Skąd: Gdańsk Ostrzeżenie: (0%)
|
Z tego co pamiętam to trzeba zmienić class dla elementu ul, jest tam kilka styli domyślnie w paczce. Dołączasz po prostu style.css dla innego skina i zamieniasz wspomnianą klasę na jcarousel-skin-NAZWA_SKÓRKI
-------------------- Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/ |
|
|
|
|
|
Aktualny czas: 22.08.2025 - 10:49 |
