Przejdź do treści

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 type="text/javascript">
// <![CDATA[
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>

Komentarze

Zobacz więcej komentarzy