Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript][PHP]zmiana zdjecia bez zmiany adresu
17misiek09
post
Post #1





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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


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


--------------------
Lombi !! kłaniam Ci się od 00:45 dnia 2012-01-27 !! :)
Serdeczne dzięki !! :)

zespół na wesele?wejdź :)
ręcznie robione ozdoby, obrazy, figurki i wiele innych :) zapraszam :)
Go to the top of the page
+Quote Post
-Gość-
post
Post #2





Goście







w JS zmień wartość src tego dużego zdjęcia
Go to the top of the page
+Quote Post
17misiek09
post
Post #3





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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


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 :/


--------------------
Lombi !! kłaniam Ci się od 00:45 dnia 2012-01-27 !! :)
Serdeczne dzięki !! :)

zespół na wesele?wejdź :)
ręcznie robione ozdoby, obrazy, figurki i wiele innych :) zapraszam :)
Go to the top of the page
+Quote Post
CuteOne
post
Post #4





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


Skoro na obecną chwilę problem Cię przerasta, skorzystaj z gotowej galerii smile.gif

google -> jquery gallery
Go to the top of the page
+Quote Post
17misiek09
post
Post #5





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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


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

bardzo prosze.

...

...


--------------------
Lombi !! kłaniam Ci się od 00:45 dnia 2012-01-27 !! :)
Serdeczne dzięki !! :)

zespół na wesele?wejdź :)
ręcznie robione ozdoby, obrazy, figurki i wiele innych :) zapraszam :)
Go to the top of the page
+Quote Post
CuteOne
post
Post #6





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


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
Go to the top of the page
+Quote Post
Adis92
post
Post #7





Grupa: Zarejestrowani
Postów: 146
Pomógł: 12
Dołączył: 9.01.2009
Skąd: Płock

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


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.

Ten post edytował Adis92 6.01.2013, 01:39:47
Go to the top of the page
+Quote Post
17misiek09
post
Post #8





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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


Adis92 - bardzo ciekawy pomysl wink.gif

CuteOne - masz racje i nie jestes niemily wink.gif


--------------------
Lombi !! kłaniam Ci się od 00:45 dnia 2012-01-27 !! :)
Serdeczne dzięki !! :)

zespół na wesele?wejdź :)
ręcznie robione ozdoby, obrazy, figurki i wiele innych :) zapraszam :)
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 Aktualny czas: 20.08.2025 - 23:31