Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  воскресенье, января 29, 2012  

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

Человеческая глупость безгранична, не стала приятным исключением в этом и моя натура. Причин недоступности блога несколько, как ситуационно-вынужденных, так и по моей халатности. Да, я балбес.

Однако теперь блог и я, как его автор, снова в строю бесчисленных множеств подобных и непонятных скоплений во вселенной, а посему смело могу утверждать, что вместе мы полны как новых идей, так и новых публикаций на их основе, мы обновляемся и мы искренне просим прощения. Мы снова будем рады видеть тебя на своих страницах, дорогой и верный читатель.

Тем не менее, приступим, собственно, к теме сегодняшнего поста. Заключается она в описании и интегрировании в блог одного из проявлений чудесных возможностей jQuery - оригинальном плагине jquery.hoverpulse.js. Суть его заключается в плавном увеличении изображений при наведении на них курсора мыши. А именно в эффекте, когда картинка очаровательно выезжает на передний план, увеличиваясь в заданных ранее размерах и не тревожа соседние элементы, а после увода курсора мыши принимает первоначальный вид. Выглядит все это весьма аккуратно и симпатично.

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

Плавное увеличение изображений при наведении с помощью плагина jQuery

Демо-пример этого эффекта Zoom у изображений при наведении вы можете увидеть в моем тестовом блоге.