Imageloader.js – быстрая предварительная загрузка изображений
Imageloader.js идеально справляется с одной очень известной задачей. Вы задаете массив URL для изображений, и используете его в этом плагине. Плагин предварительно подгружает изображения. Две функции обратного вызова позволяют вам привязать к этому всему немного логики. У вас есть возможность отреагировать на событие при успешной загрузке, либо на ошибку.
$(document).ready(function(){
$.imageloader({
urls: ['images/0.jpg', 'images/1.jpg', 'images/2.jpg', 'images/3.jpg'],
onComplete: function(images){
// when load is complete
},
onUpdate: function(ratio, image){
// ratio: the current ratio that has been loaded
// image: the URL to the image that was just loaded
},
onerror: function(err){
// err: error message if images couldn't be loaded
}
});
});
Imageloader.js распространяется бесплатно под лицензионным соглашением MIT.
Jtwt.js – отображение твитов на любом сайте посредством JSON
Jtwt.js позволяет отображать твиты любого пользователя на вашем сайте при помощи JSON API от Twitter. Сопутствующий css-файл отвечает за привлекательный внешний вид виджета, который вы всегда можете настроить по собственному вкусу. Сам запрос не так уж и сложен:
<script type="text/javascript">
$(window).load(function() {
$(' #twitter ').jtwt({
username : 'yourusername'
});
});
</script>
Определение отображения виджета производится при помощи класса twitter:
<div id="twitter"></div>
Jtwt.js можно использовать как в личных, так и в коммерческих проектах (CC BY 3.0).
jQuery.notific8 – всплывающие оповещения, созданные под вдохновением от Windows 8
Will Steinmetz очень оценил дизайн оповещений в Windows 8, и поэтому решил воссоздать примерно такой же дизайн при помощи jQuery-плагина. Должны признаться, у него получилось вполне неплохо. Демо-сайт данного проекта позволяет вам просмотреть все доступные опции и шаблоны. Сам архив хранится на Github. Notific8 основывается на шаблонах дизайна, которые довольно просто создавать самому. Таким образом, вы можете быть уверены, что сможете использовать дизайн, подходящий вашему сайту.
$.notific8('My notification with all options.', {
life: 5000,
heading: 'Notification Heading',
theme: 'amethyst',
sticky: true,
horizontalEdge: 'bottom',
verticalEdge: 'left',
zindex: 1500
});
Notific8 распространяется под лицензионным соглашением BSD, и вы можете использовать его абсолютно бесплатно.
jui_dropdown – Dropdown Menus для кнопок со множеством готовых дизайнов
jui-dropdown от Christos Pontikis требует от вас как jQuery, так и jQuery UI, при этом предоставляя вам совместимость с шаблонами jQuery UI. Juidropdown предлагает вам всего лишь стильную кнопку, которая позволяет открывать выпадающее меню при клике. Нажатие на кнопку предоставит вам нужный ID, который можно использовать в коде. Juidropdown распространяется под лицензионным соглашением MIT, и вы можете использовать этот плагин бесплатно в собственных проектах.
jQuery-menu-aim – навигация по мега-выпадающим спискам
У выпадающих списков есть один существенный минус – когда вы уводите курсор мыши с наложения, меню тут же закрывается, и это может немного раздражать, когда меню состоит из нескольких отделов и подразделов, и где-то на последнем уровне она внезапно закрывается. Зачастую разработчики устраняют эту проблему при помощи задержек и тайм-аутов. jquery-menu-aim предлагает другой подход. Вместо тайм-аутов и задержек, плагин пытается распознать движение мыши. Когда пользователь курсором мыши приближается к меню, оно открывается и остается открытым.
Ben Kamens разработал этот плагин для Khan Academy, где подобный концепт используется ежедневно. Вдохновился он на создание сайтом Amazon.com. jQuery-menu-aim можно использовать бесплатно, так как плагин распространяется под лицензионным соглашением MIT.