Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] lub [js]galeria
peter13135
post
Post #1





Grupa: Zarejestrowani
Postów: 1 447
Pomógł: 191
Dołączył: 26.03.2008

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

Witam.
Chciałbym zrobić galerię w CSS, podobną do tej która jest na allegro, czyli jedno większe okienko w którym jest fotka, a na dole miniaturki, po kliknięciu w miniaturkę zmienia sie to "większe okienko" na fotke w która sie kliknęło .
Mam nadzieje że jakoś mnie zrozumiecie, jak powiedziałem wolałbym żeby to było w css bo ten język jest dla mnie bardziej czytelny niż js.

Patrzyłem w kod źródłowy na allegro ale jest on dla mnie nie czytelny, proszę o pomoc
Pozdrawiam
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
W samym CSS tego nie osiągniesz. Podobny temat: Temat: JavaScript_galeria_zdjec_jak_na_allegro
Go to the top of the page
+Quote Post
peter13135
post
Post #3





Grupa: Zarejestrowani
Postów: 1 447
Pomógł: 191
Dołączył: 26.03.2008

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

poszukałem troche na necie i coś znalazłem, i mam coś takiego

click

niby działa jak należy, ale czy da sie to wrzucić jakiejś ramki??


edit:// poszukałem na necie i znalazłem na innej stronie prosty skryptcik (js) wygląda w miarę przejrzyście ale ja i tak mam coś źle
link tutaj
click

jak widać po kliknęciu na minuaturkę, miniaturka sie nei zmienia, jaka jest przyczyna?

nikt nie pomoże ?

Ten post edytował peter13135 19.01.2009, 18:16:43
Go to the top of the page
+Quote Post
ziqzaq
post
Post #4





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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

Wywala ci skrypt przez ten kod:
[PHP] pobierz, plaintext 
  1. <?php
  2. var pictures_big = window.opener.pictures_big;
  3. ?>
[PHP] pobierz, plaintext

który ma za zadanie pobrać listę obrazków (tablicę). Nie pobiera tej listy a więc nie ma jak zadziałać.
A więc tworzymy tablicę z obrazkami (to jak sobie stworzysz, lub skąd pobierzesz te obrazki to już od ciebie zależy)
[PHP] pobierz, plaintext 
  1. <?php
  2. //var pictures_big = window.opener.pictures_big;
  3. var pictures_big = Array('http://photos04.otomoto.pl/photos/original/M1/12/70/M1127027_1.jpg','http://photos04.otomoto.pl/photos/original/M1/12/70/M1127027_2.jpg');
  4. ?>
[PHP] pobierz, plaintext

zmieniamy indeksy w wywołaniu funkcji (indeksy zaczynają sie od zera!)
[PHP] pobierz, plaintext 
  1. <?php
  2. <ul>
  3. <li><a href="java script:loadBigPicture(0);"><img src="http://photos04.otomoto.pl/photos/original/M1/12/70/M1127027_1.jpg" alt=" " /></a></li>
  4. <li><a href="java script:loadBigPicture(1);"><img src="http://photos04.otomoto.pl/photos/original/M1/12/70/M1127027_2.jpg" alt=" " /></a></li>
  5. </ul>
  6. ?>
[PHP] pobierz, plaintext

i voila, działa. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
peter13135
post
Post #5





Grupa: Zarejestrowani
Postów: 1 447
Pomógł: 191
Dołączył: 26.03.2008

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

podziękował ;]

edit:// skrypt jak najbardziej działa, ale czy można tak zrobić by js ładował sobie pliki z folderu do tablicy?? w php to nie stanowi problemu, natomiast js jest dla mnie obce

Ten post edytował peter13135 19.01.2009, 20:27:27
Go to the top of the page
+Quote Post
ziqzaq
post
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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

Więc jaki problem w php zapodać te pliki do tablicy w js?
[PHP] pobierz, plaintext 
  1. <head>
  2. <script ...>
  3. var pictures_big = Array(
  4. <?php
  5. $i = 0;
  6. foreach($moje_pliki as $plik){
  7.      echo ($i>0 ? ',' : '').'''.$plik.''';
  8.      $i++;
  9. }
  10. ?>
  11. );
  12. </script>
  13. </head>
[PHP] pobierz, plaintext

Można tą tablicę tworzyć po załadowaniu listy obrazków na stronę - tzn. pobrać przez js z listy obrazków ich ścieżki i zapodać do tablicy "pictures_big". Tutaj świetnie sprawdzają się frameworki bo jeśli te obrazki miałyby klasę np. "galeryjka" to za pomocą np. jQuery pobierasz te obrazki tak: $('.galeryjka'), i masz już obiekt jQuery z wszystkimi obrazkami.
Osobiście poleciłbym ci coś takiego. Tworzysz tylko odpowiednią (uwaga na id, i klasy) listę obrazków (miniaturek), resztą zajmuje się plugin jquery. Do działania wymagana jest biblioteka jQuery i ten plugin który ci podałem (zauważ na końcu js/jquery.gallery.js masz wywoływanie tej galerii, możesz to usunąć i sam wywołać galerię lub zostawić jako "autowywoływanie").
Ogólnie o użytkowanie tej galerii w jquery chyba będzie dla ciebie łatwiejsze - musisz sobie tylko dostosować html i css.

Ten post edytował ziqzaq 20.01.2009, 09:08:34
Go to the top of the page
+Quote Post
peter13135
post
Post #7





Grupa: Zarejestrowani
Postów: 1 447
Pomógł: 191
Dołączył: 26.03.2008

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

może i łatwiejsze, ale większa satysfakcja jest wtedy gdy zrobie coś sam, lub przynajmniej rozumiem mechanizm działania

edit://

http://laczek.xaa.pl/galeria/

takie coś mi wyszło, mi się podoba, jeszcze może połączę to z php żeby samo z folderu ładowało i bedzie gitara

Ten post edytował peter13135 20.01.2009, 15:42:38
Go to the top of the page
+Quote Post
erix
post
Post #8





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
jeszcze może połączę to z php żeby samo z folderu ładowało i bedzie gitara

http://phpedia.pl/wiki/RecursiveDirectoryIterator
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 15:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn