|
 Стили CSS3 для изображений
Стили jQuery для изображений
Слайдеры
 Модальные окна
Модальные окна
№ 1-1. Без контура с падающей тенью
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-2. Зелёный контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-3. Тёмный дизайн с внешним свечением
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-4. Белый бордюр с отбрасываемой тенью
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-5. Белый закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-6. Тёмный бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-7. Серый закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-8. Белый контур с внешним свечением
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-9. Тёмный закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 1-10. Полупрозрачный бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-1. Белый контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-2. Белый контур с внешним свечением
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-3. Белый закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-4. Тёмный бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-5. Серый закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-6. Полупрозрачный бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-7. Затемнённый фон страницы
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-8. Затемнённый фон страницы, белый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-9. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 2-10. Мини фотогалерея (скрытые изображения)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 3-1. Белый закруглённый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 3-2. Затемнённый фон страницы, белый бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 3-3. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 3-4. Мини фотогалерея (скрытые изображения)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 4-1. Тёмный бордюр
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 4-2. Затемнённый фон страницы
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 5-1. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 5-2. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 5-3. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 5-4. Мини фотогалерея (скрытые изображения)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 6-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 6-2. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 7-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 7-2. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 8-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 8-2. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 9-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 9-2. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 10-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 10-2. Групповой просмотр изображений (миниатюра)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 10-3. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 11-1. Групповой просмотр изображений (горизонтальная смена)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Вариант № 3
Вариант № 4
Скопируйте код и проверте его в HTML редакторе
|
|
№ 11-2. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 11-3. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Вариант № 3
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-2. Три независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Вариант № 3
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-3. Групповой просмотр изображений + миниатюра
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-4. Групповой просмотр изображений + фон + миниатюра + увеличение
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-5. Групповой просмотр изображений + фон + увеличение
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 12-6. Групповой просмотр изображений + фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-1. Отдельная галерея изображений. Белая рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-2. Совместная галерея изображений. Белая рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-3. Плавный переход. Белая рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-4. 75% от размера экрана. Белая рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-5. Слайд-шоу. Белая рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-6. Отдельная галерея изображений. Чёрный контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-7. Совместная галерея изображений. Чёрный контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-8. Плавный переход. Чёрный контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-9. 75% от размера экрана. Чёрная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-10. Слайд-шоу. Чёрный контур
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-11. Отдельная галерея изображений. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-12. Совместная галерея изображений. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-13. Плавный переход. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-14. 75% от размера экрана. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-15. Слайд-шоу. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-16. Отдельная галерея изображений. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-17. Совместная галерея изображений. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-18. Плавный переход. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-19. 75% от размера экрана. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-20. Слайд-шоу. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-21. Отдельная галерея изображений. Полупрозрачная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-22. Совместная галерея изображений. Полупрозрачная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-23. Плавный переход. Полупрозрачная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-24. 75% от размера экрана. Полупрозрачная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 13-25. Слайд-шоу. Полупрозрачная рамка
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 14-1. Групповой просмотр изображений. Светлый фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 14-2. Групповой просмотр изображений. Тёмный фон
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-1. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-2. Одиночный просмотр изображений. Название снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-3. Одиночный просмотр изображений. Объёмное название снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-4. Одиночный просмотр изображений. Название + описание снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-5. Одиночный просмотр изображений.
Название + описание + ссылка снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-6. Одиночный просмотр изображений. Название сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-7. Одиночный просмотр изображений. Объёмное название сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-8. Одиночный просмотр изображений. Название + описание сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-9. Одиночный просмотр изображений.
Название + описание + ссылка сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-10. Одиночный просмотр изображений.
Название + оригинальный размер снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-11. Одиночный просмотр изображений.
Название + описание + оригинальный размер снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-12. Одиночный просмотр изображений.
Название + оригинальный размер сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-13. Одиночный просмотр изображений.
Название + описание + оригинальный размер сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-14. Групповой просмотр изображений. Номера снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-15. Групповой просмотр изображений. Оригинальный размер снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-16. Групповой просмотр изображений. Название снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-17. Две независимые фотогалереи. Название снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-18. Групповой просмотр изображений. Объёмное название снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-19. Групповой просмотр изображений. Название + описание снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-20. Групповой просмотр изображений.
Название + описание + оригинальный размер снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-21. Групповой просмотр изображений.
Название + описание + ссылка снизу
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-22. Групповой просмотр изображений. Номера сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-23. Групповой просмотр изображений. Оригинальный размер сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-24. Групповой просмотр изображений. Название сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-25. Две независимые фотогалереи. Название сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-26. Групповой просмотр изображений. Объёмное название сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-27. Групповой просмотр изображений. Название + описание сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-28. Групповой просмотр изображений.
Название + описание + оригинальный размер сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 15-29. Групповой просмотр изображений.
Название + описание + ссылка сверху
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 16-1. Групповой просмотр изображений. Оформление блестящее
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 16-2. Групповой просмотр изображений. Оформление красное
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 16-3. Групповой просмотр изображений. Оформление синее
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 16-4. Групповой просмотр изображений. Оформление жёлтое
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 17-1. Групповой просмотр изображений. С элементами управления
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 17-2. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 17-3. Групповой просмотр изображений. Без элементов управления
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 17-4. Одиночный просмотр изображений. С элементами управления
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 17-5. Одиночный просмотр изображений. Без элементов управления
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
| Вставляем между <body> и </body> | Вариант № 1 |
Вариант № 2
Скопируйте код и проверте его в HTML редакторе
|
|
№ 18-1. Групповой просмотр изображений. Слайдер (минимал скин)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 18-2. Групповой просмотр изображений. Слайдер (метро скин)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 18-3. Групповой просмотр изображений. Слайдер (секси скин)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 19-1. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 19-2. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 19-3. Мини фотогалерея (скрытые изображения)
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 19-4. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 20-1. Групповой просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 20-2. Две независимые фотогалереи
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
№ 20-3. Одиночный просмотр изображений
(нажмите курсором мыши на изображение)
Вставляем между <head> и </head>
Вставляем между <body> и </body>
Скопируйте код и проверте его в HTML редакторе
|
|
|
|
