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ę.
Zmodyfikowano: 02.09.2007, 01:00