ImageCaption: чіпляємо надписи до малюнків
ImageCaption — плагін для MooTools 1.2+, який покликаний полегшити додавання надписів до малюнків на веб-сторінках. Плагін легко налаштовується, а зображення оформляються за допомогою CSS-стилів. Щоб побачити ImageCaption в дії, натисніть на ілюстрацію до цієї статті.
Перші кроки до використання ImageCaption
- Завантажте ядро бібліотеки MooTools.
- Завантажте плагін ImageCaption (ZIP-файл).
- Розмістіть ядро бібліотеки MooTools всередині вашої робочої папки.
- Розархівуйте ImageCaption.js (цей файл знаходиться всередині ImageCaption.zip) і покладіть всередині вашої робочої папки.
Щоб підписати всі малюнки на веб-сторінці, пропишіть у вашому документі наступний HTML-код:
<head>
<script type="text/javascript" src="mootools.js"></script>
<!-- ImageCaption -->
<script type="text/javascript" src="ImageCaption.js"></script>
<script type="text/javascript">
$(window).addEvent('domready', function(){
// Basic implementation
var basicCaption = new ImageCaption($$('img'));
});
</script>
</head>Після цього скрипт автоматично братиме опис кожного малюнку (теґи IMG) з його атрибуту alt (або title) та чіплятиме текст поряд з малюнком, як показано на ілюстрації до даної статті.
Детальніше про додаткові опції плагіну, читайте тут.