Galeria zdjęć

Miniaturki zdjęć

Nie ma automatycznego sposobu tworzenia miniatur (oczywiście, o ile nie używamy skryptów server-side, np. PHP). Należy przygotować dwie wersje każdego zdjęcia — dużą i małą. Można do tego posłużyć się programami jak IrfanView.

Małe wersje zdjęć osadza się na stronie galerii, a za pomocą linków (<a>) łączy się je z dużymi wersjami. 

 <a href="fotka1-duza.jpg"><img src="fotka1-mini.jpg" alt="Pierwsza fotka" /></a>

W ten sposób po kliknięciu w obrazek użytkownik przejdzie do dużej wersji zdjęcia.

Galeria

Przydało by się jeszcze zdjęcia jakoś zgrupować i dodać im opisy. Można na przykład za pomocą listy uporządkowanej: 

 <ol>
 <li><a href="ciolek.jpg"><img src="thumb_ciolek.jpg" alt="Gryzelda z chomikiem Ciołkiem" /></a> Mój chomiś!!</li>
 <li><a href="rower.jpg"><img src="thumb_rower.jpg" alt="Jakaś dziwna dziewczynka" /></a> Ależ ten Bill jest sweet :*</li>
 <li><a href="paskuda.jpg"><img src="thumb_paskuda.jpg" alt="Różowe paskudztwo" /></a> To ja :P:P</li>
 </ol>

Prezentowanie powiększonych wersji

Są do tego różne podejścia. Można pozostawić po prostu odnośniki do obrazków — wtedy przeglądarka zajmie się ich prezentacją.

Często spotykane jest otwieranie nowych okien (pop-up) ze zdjęciem — to wymaga użycia JavaScript.

I wreszcie używa się zupełnie osobnej strony z osadzonym zdjęciem. Ta wersja wymaga najwięcej ładowania, ale umożliwia dodanie długiego opisu/komentarzy do zdjęcia.

Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.

Tekst - Prezentacja | Galeria - Prezentacja
Zmodyfikowano: 02.09.2007, 01:00
submit