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:



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!

zrób slide w jQuery

Ale za pomocą slideUP i slideDown, czy istnieją może jakieś inne, podobne funkcje? (pytam się, bo dzisiaj pierwszy raz na oczy widzialem jQuery )

Urzyj funkcji animate()

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.

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)

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!

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

Dokładnie o takie coś mi chodziło Maxik! A mółbyś mi dać kod źródłowy przewijania poziomego i pionowego?

Witam!

Przecież możesz sobie sam zobaczyć na podanej stronie. Podejrzewam, że jeśli ~Maxik podał te linki to nie ma nic przeciwko

Pozdrawiam!

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.

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?

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