Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Galeria, powiększanie miniaturek
Forum PHP.pl > Forum > Przedszkole
lamcpp
Witam tworzę galerię na stronę www opartą na bazie danych i php.

kawałek kodu:
  1. if($cat && $data && $id && empty($miejsce) && empty($nazwa))
  2. {
  3. $wynik = mysqli_query($dbc,"SELECT zdjecie.id,nazwa,plik,data FROM zdjecie LEFT OUTER JOIN data_zdj
  4. ON(zdjecie.id_daty=data_zdj.id)WHERE id_kategorii=$cat AND data<>'' AND data='$data' AND zdjecie.id=$id");
  5. $number_of_thumbs_in_row = 5;
  6. $num = mysqli_num_rows($wynik);
  7. if(empty($num))
  8. {
  9. echo 'Brak zdjęć do wyświetlenia<br />';
  10. }
  11. else
  12. {
  13. while($res = mysqli_fetch_array($wynik))
  14. {
  15. $tab_zdjec[] = "<a href='viewgallery.php?id=".$res[0]."'><img src='".$images_dir."/tb_".$res[2]."' border='0' alt='".$res[1]."' /></a>";
  16. }
  17. foreach($tab_zdjec as $thumbnail_link)
  18. {
  19. if($counter == $number_of_thumbs_in_row)
  20. {
  21. $counter = 1;
  22. echo "<br />\n";
  23. }
  24. else
  25. $counter++;
  26. echo "\t".$thumbnail_link."\n";
  27. }
  28. }
  29. }

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:
  1. <a href='viewgallery.php?id=1'><img src="$zdjecie/plik1" border='0' /></a>";
  2. <a href='viewgallery.php?id=2'><img src="$zdjecie/plik2" border='0' /></a>";
  3. <a href='viewgallery.php?id=3'><img src="$zdjecie/plik3" border='0' /></a>";

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
  1. [b][b]rel="lightbox"[/b][/b]

  1. zeby linki wyglądały tak: <a href='viewgallery.php?id=3' rel=lightbox'><img src="$zdjecie/plik3" border='0' /></a>";
[/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
  1. <a href="adres_zdjecia.JPG" rel="lightbox[1]"><img src="miniaturka_zdjecia.JPG"></a>
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
  1. <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>
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...
  1. <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>

teraz jest tak jak być powinno ;-)
lamcpp
dzięki za pomoc wszystkim, problem z lightboxem rozwiązany przynajmniej narazie:)
wręczam "pomogł"
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.