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

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

За основу идеи взят плагин jQuery Drop caption, с помощью которого можно выводить содержимое title у изображений в виде красочной, плавно всплывающей под курсором, подсказки с неким поясняющим картинку текстом.

Данное "украшательство" состоит из двух скриптов: собственно, самого скрипта dropcaptions.js, который реализует вывод всплывающей подсказки у изображений, и скрипта easing.1.3.js, позволяющий настроить и осуществить эту подсказку красиво. При желании, можете перезалить их на собственные файловые хостинги.

Плагин jQuery для красочных всплывающих подсказок у изображений


Живое демо


  воскресенье, января 29, 2012  

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

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

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

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

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

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

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

  понедельник, июля 04, 2011  

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

Сам пример виджета вы можете посмотреть на странице тестового блога.

Для полноценной работы виджета требуется подключенная библиотека Jquery. Обычно, при использовании нестандартных шаблонов для Blogger в них уже размещен скрипт Jquery по умолчанию. Если скрипт отсутствует, особенно при условии использования родных шаблонов Blogger, вам придется самостоятельно добавить его в блог. Для начала проверьте наличие скрипта: проследуйте Дизай > Изменить шаблон HTML и с помощью клавиш поиска в вашем браузере CTRL+F найдите участок кода или подобный ему:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
Если же такового не наблюдается, добавьте скрипт. Для этого вставьте указанную выше строку кода сразу перед </head> в шаблоне вашего блога. Библиотека Jquery подключена.

  пятница, апреля 01, 2011  

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

  четверг, марта 31, 2011  

Flash-облако изображений Picasa
Человеческая природа такова, что человек стремится выделиться во всем. В чрезмерной любви к определенным вещам или занятию, в ковырянии в носу или доведения до истерик окружающих, в последнем, например, я очень силен. И каждый из нас, ведя свой блог, старается сделать его уникальным и непохожим на остальные. Похвально и прелестно, главное, не переусердствовать. Гаджет, описанный мною ниже отлично способствует проявлению индивидуальности и оригинальности. Это flash-облако изображений от RoyTanck, которое транслирует эскизы ваших фотографий в виде очаровательной галереи изображений, что особенно хорошо для фотоблогов или дневников, на страницах которых человек рассказывает о своих художественных изысках. Не скажу, что сей гаджет является таким уж уникальным и шедевральным, в последнее время его установку описывали многие, но украсить ваш блог он способен. Единственно, облако утяжеляет страницу, к тому же оно может "притормаживать" при загрузке.