Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
Start new topic
Odpowiedzi
ziqzaq
post
Post #2





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

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


Wywala ci skrypt przez ten kod:
  1. <?php
  2. var pictures_big = window.opener.pictures_big;
  3. ?>

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)
  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. ?>

zmieniamy indeksy w wywołaniu funkcji (indeksy zaczynają sie od zera!)
  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. ?>

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

Posty w temacie


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

 



RSS Aktualny czas: 26.12.2025 - 03:54