Forum PHP.pl > [php&mysql]Strona ze zdjeciami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php&mysql]Strona ze zdjeciami

Joachim Peters

21.08.2006, 11:16:01

Ostatnio zastanawiam się jak zrobić strone ze zdjęciami gdzie umieszczne by były miniatury zdjęć, a po kliknięciu na zdjęcie otwierał by się popup z całym zdjęciem.
Jak zrobić coś takiego?
I jak zrobić żeby zdjęcia podczas kopiowania na serwer były dodawane do bazy azem z linkiem do takiego zdjęcia?Chodzi mi też, żeby skopiowane na serwer zdjęcia miały nazwe np.234rwsfd.gif czyli były niepowtarzalne.

Pozdrawiam

rama

21.08.2006, 12:51:48

Hmm, jak to zrobić? W prosty sposób

a ) Tworzysz skrypt odpowiedzialny za wyświetlanie lub generowanie miniatur, thumbnails, zdjęć (np. view_smallimg.php). Tutaj masz dwa warianty:

- jeśli chcesz tworzyć je dynamicznie za każdym razem (obciaza znacznie cpu serwera), to zdjęcie wysyłasz prosto do przęglądarki internetowej.
- jeśli masz zamiar generować thumbnailsy podczas wgrywania zdjęć poprzez formularz, to możesz je odrazu zapisywać w jakimś tam określonym katalogu...

b ) Tworzysz wspomniany formularz do wgrywania zdjęć na serwer. Daje Ci to takie możliwości, jak przypisywanie odpowiedniego tytulu, opisu i innych wartości do zdjęcia i zapisania tych wartości do bazy, a także zmiane nazwy wgrywanego zdjęcia na jaką chcesz, aby nazwa była unikalna możesz stosować wbudowane funkcje w php (tj. crc32, sha1, md5 lub zwykły timestamp unixa, czyli czas w sekundach wygenerowany przez time)
c^0 ) Skrypt odpowiedzialny za listing zdjęć z odpowiedniego katalogu, który wyświetla wszelkie miniaturki znajdujące się w katalogu i link z popupem do duzego zdjecia...
c^1 ) Albo Listing, ktory będzie pobierał kategorie i linki do miniatur z bazy...

Pomocne okażą się:
- wszelkie funkcje GD1/2
- readdir
- trochę kreatywności

Gość

21.08.2006, 16:17:25

A jak zrobić popup?

Amorph

21.08.2006, 16:27:15

[HTML] pobierz, plaintext 
<script type="text/javascript">
function otworz(adres) {
noweOkno = window.open(adres, 'Screeny', 'menubar=no, toolbar=no, location=no, scrollbars=no, resizable=no, status=no, width=680, height=580, left=30, top=30')
noweOkno.focus()
} 
</script>
[HTML] pobierz, plaintext

i wywolanie:

[HTML] pobierz, plaintext 
<a href="java script:otworz('adres.html')"></a>
[HTML] pobierz, plaintext

Gość

21.08.2006, 18:01:46

dałem tak i nie dział ;/

[HTML] pobierz, plaintext 
<html>
<head>
 
</head>
<script type="text/javascript">
function otworz(adres) {
noweOkno = window.open(adres, 'Screeny', 'menubar=no, toolbar=no, location=no, scrollbars=no, resizable=no, status=no, width=680, height=580, left=30, top=30')
noweOkno.focus()
} 
</script>
<body>
 
<a href="java script:otworz('page.jpg')">test</a>
</body>
</html>
[HTML] pobierz, plaintext

Amorph

21.08.2006, 18:58:11

[HTML] pobierz, plaintext 
<head>
...
<script>
...
</script>
...
</head>
[HTML] pobierz, plaintext

ehhh....

javascript razem....

cos kodowanie sie chrzani

Joachim Peters

25.08.2006, 18:39:01

Dobra mam, a możecie mi powiedzieć jak zrobić w tym okienku popup link z napisem zamknij, tak żeby po kliknięciu na niego popup się zamykał?
I jak zrobić te generowanie i zapisywanie thumbnails'ów?

free

26.08.2006, 18:52:19

By okienko sie zamknelo po najechaniu ?
Wszystko co generuje kod html i js mozna podgladnac w kodzie źródłowym strony. Wiec podgladnij kod zrodlowy strony na ktorej to zobaczyles.
Lub chodźby tutaj

rama

26.08.2006, 22:50:20

Cytat

I jak zrobić te generowanie i zapisywanie thumbnails'ów?

Użyj do tego funkcji GD, czyli imagecopyresize, imagecopyresampled i wszelkiej maści innych funkcji, które pewnie Cię zaciekawią

Co zauważyłem, to na forum często ludzie pytają o zmianę rozmiaru zdjęcia, czyli resize, który jest tym samym procesem przy tworzeniu thumbnailsów, lecz tylko zmniejszaniem rozmiarów oryginalnego zdjęcia. Dla ciekawych, to została nawet stworzona klasa do miniatur, bodajże przez Tiraeth [link]

Pozdrawiam

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.