Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]zmiana zdjecia bez zmiany adresu
Forum PHP.pl > Forum > Przedszkole
17misiek09
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 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 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 wink.gif

smile.gif
Gość
w JS zmień wartość src tego dużego zdjęcia
17misiek09
hmm
musze obczaic jak to zrobic 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 :/
CuteOne
Skoro na obecną chwilę problem Cię przerasta, skorzystaj z gotowej galerii smile.gif

google -> jquery gallery
17misiek09
mi sie nie pali, dlatego prosze o pomoc poniewaz chce to jakos ugryzc..

bardzo prosze.

...

...
CuteOne
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
Adis92
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.
  1. img{
  2. max-width: 10px;
  3. max-height: 10px;}
  4.  
  5. img.active{
  6. max-width: 30px;
  7. max-height: 30px;}

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.
17misiek09
Adis92 - bardzo ciekawy pomysl wink.gif

CuteOne - masz racje i nie jestes niemily wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.