Forum PHP.pl

przyszlo mi do glowy, ze pasowaloby stworzyc sobie galerie zdjec na stronie.
i tu zaczal sie problem.

najprawdopodobniej wypadaloby wykorzystac javascript albo jQuery czy jeszcze cos tam innego, bo pewnie sam PHP nie wydoli (IMG:style_emoticons/default/wink.gif)

zdjecia wyswietlam sobie na stronie, ale nie tak jakbym tego chcial.

interesuje mnie cos takiego:

lewa strona:srodek:prawa strona
3miniaturki:duze zdjecie o wysokosci=suma wysokosci 3 miniaturek:3 miniaturki

z wyswietleniem tego juz jakos bym sobie poradzil, tylko jak teraz zmienic duze zdjecie bez zmiany adresu?
tj: po kliknieciu w miniaturke zamienia ona sie w zdjecie duze i wyswietlana jest na srodku, a tamto zdj leci do miniaturek.
mozliwosc przesuwania zdjec za pomoca strzalki prawo lewo na stronie.

jesli np mam zdjec w galerii 100, to:
1,2,3,4,5,6,7> >>

1,2,3 - miniatury w pionie po lewej
4 - zdjecie duze
5,6,7 - miniatury w pionie po prawej
< - poprzednie zdjecie
<< - pierwsze zdjecie
> - kolejne zdjecie
>> - ostatnie zdjecie


5,6,7,8,9,19,11
<< <5,6,7,8,9,10,11> >>

5,6,7 - miniatury w pionie po lewej
8 - duze zdjecie
9,10,11 - miniatury w pionie po prawej


jak takie cos osiagnac?
co wykorzystac?
nie szukam gotowca, tylko podpowiedzi jak cos takiego osiagnac.
nie szukam tez hasel: "poczytaj o jQuery", "poczytaj o AJAXIE"...tylko konkretow: "jQuery to i to", itp.

z gory sliczne dzieki za chec pomocy (IMG:style_emoticons/default/smile.gif)

to moze inaczej.

jak zmieniac zdjecia bez zmiany linku.
niech pod linkiem np www.mojastrona.pl/galeria.php pojawi sie galeria, tj.

duze zdjecie na srodku, a po prawej 3 kolejne zdjecia - to wiem jak zrobic,



ale jak po kliknieciu na ktores z 3 zdjec podmienic zawartosc z duzego zdjecia?
wtedy wykona sie kolejne jakies polecenie i po lewej bedzie 3 male zdjecia, po prawej 3 a na srodku duze klikniete zdjecie.

podpowiedzcie cos (IMG:style_emoticons/default/wink.gif)

(IMG:style_emoticons/default/smile.gif)

w JS zmień wartość src tego dużego zdjęcia

hmm
musze obczaic jak to zrobic (IMG:style_emoticons/default/wink.gif)

juz wiem jak podmienic link w duzym zdjeciu.

jednak nie wiem jak przy podmianie linku w duzym zdjeciu zmienic tez link w malym zdjeciu, ktore stalo sie duzym zdjeciem, czyli zamiana w druga strone w tym samym czasie...

nie wspomne juz o tym, ze nie wiem jak to zrobic pobierajac nazwy zdjec z ftp...wtedy to juz konkretna kielbasa jest :/

Skoro na obecną chwilę problem Cię przerasta, skorzystaj z gotowej galerii (IMG:style_emoticons/default/smile.gif)

google -> jquery gallery

mi sie nie pali, dlatego prosze o pomoc poniewaz chce to jakos ugryzc..

bardzo prosze.

...

...

Nie chcę być nie miły ale mierz siły na zamiary. Przeczytaj parę kursów o JS i wtedy wróć do pisania własnej galerii

A hmm css? Dużemu obrazkowi nadajesz np class='active' a małe zostawiasz bez klasy. Następnie w js po kliknięciu nadajesz obrazkowi klasę active.

[CSS] pobierz, plaintext 
img{
  max-width: 10px;
  max-height: 10px;}
 
img.active{
  max-width: 30px;
  max-height: 30px;}
[CSS] pobierz, plaintext 

Wszystko fajnie ładnie jak masz obrazki proporcjonalne (np.: 80px/80px a nie 80px/10px) bo jak łatwo się domyślić nie będzie to wyglądać ładnie. Ewentualnie znowu możesz w js pobrać wielkość obrazka przeskalować go względem wysokości albo szerokości i potem ustawić w stylach odpowiednio width i height.

Ten post edytował Adis92 6.01.2013, 01:39:47

Adis92 - bardzo ciekawy pomysl (IMG:style_emoticons/default/wink.gif)

CuteOne - masz racje i nie jestes niemily (IMG:style_emoticons/default/wink.gif)