Skrypty / Galeria zdjęć
Wygląd strony z podglądem
Jak można zaobserwować, domyślny wygląd strony otwieranej w nowym oknie z podglądem pełnowymiarowego zdjęcia nie jest zbyt estetyczny. Aby to zmienić, należy przygotować osobny zewnętrzny arkusz stylów i zapisać go w pliku z rozszerzeniem *.css - np. galeria.css. Przykładowo:
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .zdjecie { padding: 10px; text-align: justify; } h1 { text-align: center; font-size: 20px; margin: 0; padding-bottom: 10px; } #img { margin-bottom: 10px; } .stronicowanie { text-align: center; margin-top: 1em; font-weight: bold; } .stronicowanie a:link, .stronicowanie a:visited { color: blue; text-decoration: none; } .stronicowanie a:hover { color: red; }
Następnie lokalizację tego arkusza CSS należy podać przy tworzeniu galerii:
<script> var galeria = new Galeria('galeria', new Array( new Array('miniatura', 'zdjęcie', 'Tytuł', 'Opis'), new Array('miniatura', 'zdjęcie', 'Tytuł', 'Opis'), new Array('miniatura', 'zdjęcie', 'Tytuł', 'Opis') ), 'galeria.css'); </script>