Эффектная галерея на jQuery

By masster

Эффектная фотогалерея на jQuery с миниатюрами, авторесайзом фотографий, удобной навигацией - реализована как плагин jQuery (mbGallery jQuery Plugin).
Демо
Скачать
Страница проекта

Активные зоны на фотографиях с помощью плагина jQuery Image Annotation

By masster

Во многих социальных сетях стало модно давать возможность пользователям аннотировать произвольно выбранную ими зону на фотографии. Впервые, видимо, это было сделано на Flickr.com. Сделать такой сервис можно с помощью плагина jQuery Image Annotation. С помощью него легко создается горячая зона. Если потом двигать мышью по этой активной зоне, будет появляться всплывающая аннотация (tooltip).

Демо
Скачать

Эффектные заголовки с помощью плагина jQuery “FontEffect”

By masster

Недавно при разработке сайта мне понадобилось выводить эффектные заголовки, при этом цвета должны были меняться динамически в зависимости от ряда условий (опций). Изображения отпадают - поручать PHP скрипту создавать на лету графические заголовки - расточительно и неэффективно. Хотелось поручить эту работу клиентской части. На помощь пришел плагин FontSize, написанный для тех, кто использует фреймворк jQuery.

Идея работы плагина очень проста - создается многослойный сэндвич из слоев, чуть-чуть сдвинутых (в зависимости от эффекта) друг относительно друга. Если при этом динамически менять CSS стиль, то получим огромное количество вариаций. Естественно, всю эту работу проделывает сам плагин - веб дизайнеру остается настроить CSS стиль, и задать параметры плагина для получения нужного эффекта.

jQuery плагин linkNotify - просто и изящно!

By masster

Как

Все очень просто - когда пользователь щелкает по ссылке, появляется надпись - “Loading …” (”Идет загрузка …”).

Зачем?

Вам наверное приходилось видеть, как пользователь несколько раз щелкает по ссылке, стараясь ускорить процесс загрузки. Это происходит из-за того, что барузеры плохо справляются со своей работой по уведомлению пользователя, что началась загрузка страниц, на которую указывала ссылка, и его щелчок по ссылке был успешным.

Исходный текст плагина

(function($) {
	$.fn.linkNotify = function (notification) {
		notification = notification || 'Loading…';
		this.not('[href^="#"]').each(function () {
			$(this).click(function () {
				$(this).html(notification);
			});
		});
		return this;
	};
})(jQuery);

Как это использовать?

$(function () { // DOM загружена
$('a').linkNotify(); // выводим "Loading..." когда кто-то щелкает по ссылке
$('#content a').linkNotify('Loading your next page'); // выводим 'Loading your next //page' на всех ссылках   внутри  #content div

});

Скачать

Cкачать

Источник: http://briancray.com

Лучшие плагины jQuery для работы с формами (часть 2)

By masster

AlphaNumeric

С помощью этого плагина вы легко сможете наложить ограничения на символы, вводимые пользователем в поля ввода. Эти правила задаются как параметры настройки плагина. Например, если вы хотите ограничить ввод только буквенными символами, подчеркиванием и цифрами - например, в поле ввода имени пользователя, то вы просто добавляете вот такую строчку кода:

$('.sample_calss').alphanumeric();

Здесь подразумевается, что стиль CSS поля ввода относится к классу sample_class:

Теперь пользователь не сможет ввести в этом поле текст <script>

ToggleVal

Назначение этого очень полезногоплагина - очищать поле ввода, задаваемое по умолчанию ( например, “Введите дату…”), при получении фокуса этим полем (например, при щелчке мышью, когла в поле ввода появляется курсор)
Кроме того, он умеет распознавать лэйблы (label) и использовать текст, заключенный между ними, в качестве текста в поле ввода. Если после получения фокуса стиль поля ввода должен меняться - то это тоже легко настраивается.

Input Verfication

Этот плагин помогает наладить проверку данных, которые вводит пользователь
Скачать