Сегодня я покажу каким образом можно добиться построения замечательного эффекта увеличения изображений при наведении мыши.
Этот эффект будет полезен при создании различного рода галерей в тех случаях, когда требуется “вдохнуть жизнь” в получающееся творение.
На вооружение мы как всегда возьмем jQuery и CSS. Итак, вперед!
В данном примере мы сохраним все преимущества классической техники использования CSS-спрайтов и добавим к ним анимационных эффектов. Помимо использования CSS для определения внешнего вида элементов в различных состояниях, мы будем использовать JavaScript для создания анимации. Даже если у пользователя будет отключен JavaScript, часть эффектов все равно будет работать (за исключением анимации).
Читать дальше →
Зачастую при написании сценариев на языке JavaScript требуется совершить обход всех элементов массива или же всех свойств объекта.
Обход элементов массива выполняется с помощью цикла for:
|
1 2 3 4 |
var arr = ["one", "two", "three"]; for (var i=0; i<arr.length; i++){ //выполняем действия с arr[i] } |
Свойства объекта же обходят с помощью цикла for-in:
|
1 2 3 4 |
var obj = {one: 1, two: 2, three: 3}; for (var p in obj) { //выполняем действия с p } |
Подобный же функционал можно реализовать с помощью функции jQuery.each.
Читать дальше →
Сегодня делал красивую форму авторизации на одном сайте и озадачился возможностью организации формы входа в виде красивого появляющегося окошка. На сайте используется jQuery, поэтому выбор очевиден.
Поискав в интернете, я нашел замечательный плагин для jQuery – jQuery simple modal. При размере всего в 8,3Кб плагин оказался достаточно функциональным и крайне простым в использовании.
Давайте рассмотрим пример его использования.
Читать дальше →
Посмотрев статистику Google Analytics, я пришел к выводу, что многие из посетителей моего сайта интересуются использованием jQuery, и в частности тем, как можно работать на jQuery с AJAX.
Поэтому сегодняшний пост будет об использовании данной технологии. Будем считать, что с jQuery на базовом уровне вы уже знакомы.
Читать дальше →
В веб-проектах позволяющих пользователям загружать собственные изображения, иногда встает вопрос вырезания определенной части этого изображения (или отмечания некоторой области на нем) в режиме интерактивного взаимодействия с пользователем.
Без JavaScript в таком случае нам не обойтись – если нет возможности и (или) желания использовать Flash и ему подобные вещи, то JavaScript – то, что выручит нас в трудную минуту.
Для реализации нашей задачи возьмем библиотеку jQuery и ее плагин jQuery Crop.
Кто хочет узнать, как можно применить этот плагин jQuery – добро пожаловать под кат!
Читать дальше →
