Главная » Файлы » jQuery и JS> |
·
| 22.09.2013, 15:19 |
Сегодня мы будем рассматривать интересное решение для изображений, а именно, появляющаяся снизу изображения тёмная полоска, в которой отображается содержимое атрибута alt. Шаг-1 JS: Следует установить на страницу сайта, после тега body, следующие скрипты JS
Как мы можем заметить, во втором скрипте установлены нужные эффекты, в которых изначально был указан id но я решил заменить его на class, так как многие пользователи, могут использовать один и тот же эффект для нескольких изображений. Шаг-2 Html: Теперь мы устанавливаем наше изображение, в котором прописываем класс с нужным эффектом, который прописан в скрипте выше: HTML-Code
Шаг-3 CSS: И устанавливаем css стили, которые отвечают за оформление появляющийся тёмной полосы с низу изображения, в которой находиться тест атрибута alt: CSS-Code
Примечание: В целом данное решение подойдёт для системы uCoz в том случае, если вы будете его использовать в информере или как пригласительный блог, например на форум или гостевую книгу, всё зависит от вас. | |
Просмотров: 439 | Загрузок: 274 | Источник: center-dm.ru | Рейтинг: 5.0/1 |
Всего комментариев: 0 | |