[JavaScript][PHP]Galeria, powiększanie miniaturek Opcje

[lamcpp]

Witam tworzę galerię na stronę www opartą na bazie danych i php.

kawałek kodu:

[PHP] pobierz, plaintext 
if($cat && $data && $id && empty($miejsce) && empty($nazwa))
      { 
        $wynik = mysqli_query($dbc,"SELECT zdjecie.id,nazwa,plik,data FROM zdjecie LEFT OUTER JOIN data_zdj
        ON(zdjecie.id_daty=data_zdj.id)WHERE id_kategorii=$cat AND data<>'' AND data='$data' AND zdjecie.id=$id");
        $number_of_thumbs_in_row = 5;
        $num = mysqli_num_rows($wynik);
        if(empty($num))
        {
          echo 'Brak zdjęć do wyświetlenia<br />';
        }
        else
        {
          while($res = mysqli_fetch_array($wynik))
          {
            $tab_zdjec[] = "<a href='viewgallery.php?id=".$res[0]."'><img src='".$images_dir."/tb_".$res[2]."' border='0' alt='".$res[1]."' /></a>";             
          }
          foreach($tab_zdjec as $thumbnail_link)
                {
                    if($counter == $number_of_thumbs_in_row)
                    {    
                         $counter = 1;
                         echo "<br />\n";
                    }
                    else
                    $counter++;
            echo "\t".$thumbnail_link."\n";
                }        
        }
      }
[PHP] pobierz, plaintext 

wcześniej ustaliłem w drugim pliku wielkość miniaturek itp. Ten kawałek kodu odpowiada za wyświetlanie miniaturek po 5 w rzędzie.
Chciałbym aby po wybraniu jakiegokolwiek zdjęcia otwierało mi się nowe okno, a w nim zdjęcie, oraz by obok zdjęcia pojawila się strzałka w przód i w tył, do wyświetlania kolejnych zdjęć i poprzednich z SELECTA.
Jak to zrobić? domyślam się ze javascript, prosiłbym o jakieś funkcje, kawałki kodu, albo coś co mnie naprowadzi
z góry dziękuje

[Fifi209]

Nie lepiej użyć gotowca? Np. plugin do jquery o nazwie lightbox ? Znacznie prościej i fajne efekty.

[Agape]

dokladnie, nie ma co wymyslac kola od nowa. Ewentualnie z racji tego ze lightbox jest znany polecam pobuszowac w google na tematy
* jquery gallery
* javascript gallery

[lamcpp]

może być i gotowiec, słyszałem o lightboxie, javascript niestety nie znam dobrze,
czy da się np. lightboxa zintegrować z danymi wyciąganymi z bazy danych, tak jak w tym kawałku kodu, który przedstawiłem?

[Agape]

Tak, PHP generuje kod html, czyli mowiac potocznie, pisze go tak jak Ty piszesz go w edytorze. Mozesz zaprojektowac skrypt jak bedziesz chcial wiec bedie mogl Ci wypisywac co bedziesz chcial.
Poza tym PHP - dziala na serwerze
JS - dziala na komputerze usera

Poczytaj jak sie uzywa lightboxa i wszystko bedziesz wiedzial.

[lamcpp]

no dobra, ściągnęłem lightboxa ze strony: http://adas.jogger.pl/2006/01/14/lightbox-...a-stronach-www/
na swojej stronie mam linki w postaci:

[PHP] pobierz, plaintext 
<a href='viewgallery.php?id=1'><img src="$zdjecie/plik1" border='0'  /></a>";
<a href='viewgallery.php?id=2'><img src="$zdjecie/plik2" border='0'  /></a>";
<a href='viewgallery.php?id=3'><img src="$zdjecie/plik3" border='0'  /></a>";
[PHP] pobierz, plaintext 

Na stronie wyczytałem, że trzeba tylko do nagłowka dodać skrypt lightboxa(tak zrobiłem) dodać pare linijek do CSSa
oraz w linku dopisac

[PHP] pobierz, plaintext 
[b][b]rel="lightbox"[/b][/b]
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
zeby linki wyglądały tak: <a href='viewgallery.php?id=3' rel=lightbox'><img src="$zdjecie/plik3" border='0'  /></a>";
[PHP] pobierz, plaintext 

[/php]
jednak nie działa mi ten efekt, po kliknięciu na miniaturkę nic się nie dzieje, zdjęcie się nie powiększa;/

[Fifi209]

Ściągnij jQuery i plugin do niego o nazwie lightbox - moim zdaniem najlepsze rozwiązanie...

[piotr94]

Zerknij sobie tu jak to jest zrobione:
http://www.framekrakow.com.pl/sebar1/2/13/...P%20Brno%202003
poza tym

[HTML] pobierz, plaintext 
<a href="adres_zdjecia.JPG" rel="lightbox[1]"><img src="miniaturka_zdjecia.JPG"></a>
[HTML] pobierz, plaintext 

[lamcpp]

jeszcze jedno pytanie,
udało mi się już wrzucić na stronkę tego lightboxa,
ale mam teraz inny problem, musiałem zmienić postać linków na taki jak podaliście, czyli link jest odnośnikiem do zdjęcia,
a potrzebowałbym dla każdego zdjęcia osobny adres http, tak żeby można było je przysłać znajomemu, czyli np. otwieram sobie miniaturke jakiegoś zdjęcia, wyświetla mi się w dużym oknie, oraz wyświetla się link do tego zdjęcia, tak że jak wyślę go znajomym, po wklejeniu dostaną to właśnie zdjęcie.
Czy da się coś takiego zrobić?
bo teraz widzę jak otworze zdjęcie to w adresie mamy adres strony głownej a dalej tylko # czyli http://jakasstrona/#

[piotr94]

[HTML] pobierz, plaintext 
<a href="adres_zdjecia.JPG" rel="lightbox[1]" title="tu wpisz dowolny tekst, który ma się wyświetlić jako tytuł zdjęcia, np. link: [url="http://www.mojastrona.pl/#zdjecie_1"><img"]http://www.mojastrona.pl/#zdjecie_1"><img[/url] src="miniaturka_zdjecia.JPG"></a>
[HTML] pobierz, plaintext 

Ten post edytował piotr94 19.11.2009, 15:58:35

[lamcpp]

nie za bardzo rozumiem ostatni kod, chyba trochę namieszane w nim są img z a href? czy tak powinno być?

[piotr94]

przepraszam, nie zauważyłem że forum dokleiło mi parę niepotrzebnych znaczników...

[HTML] pobierz, plaintext 
<a href="adres_zdjecia.JPG" rel="lightbox[1]" title="tu wpisz dowolny tekst, który ma się wyświetlić jako tytuł zdjęcia, np. link: http  :// www  .  mojastrona.pl/#zdjecie_1"><img src="miniaturka_zdjecia.JPG"></a>
[HTML] pobierz, plaintext 

teraz jest tak jak być powinno ;-)

Ten post edytował piotr94 19.11.2009, 18:14:43

[lamcpp]

dzięki za pomoc wszystkim, problem z lightboxem rozwiązany przynajmniej narazie:)
wręczam "pomogł"