В одному з попередніх уроків за допомогою jQuery було продемонстровано рішення задачі некоректного відображення тіней і радісних кордонів для елемента зображення в деяких браузерах. Зображення використовується в якості фону для зовнішнього контейнера, до якого можна застосовувати будь-які стилі. Даний урок демонструє стилі зображень, які можна отримати використовуючи трюк з фоном.
Демонстраційна сторінка перша серія зображень не використовує трюк з фоном. Якщо відкривати її в різних браузерах, то можна помітити, що в деяких з них некоректно відображаються радісно кордону і тіні ().
Зображення зробити фоном для зовнішнього контейнера, до якого застосовуються всі потрібні стилі.
динамічний рішення
Можна використовувати jQuery для динамічного перетворення кожного елемента зображень. Нижче представлений код, який обертає кожен елемент зображення тегом span і використовує для нього картинку в якості фону.
В результаті роботи скрипта буде генеруватися наступний код HTML:
Нижче представлено кілька стилів, які можна використовувати в своїх проектах для оформлення інтерфейсу або галерей.
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!