Раз уж Вы решили разобраться с jQuery, значит как минимум азы сайтостроения (HTML и CSS) уже знаете. Наверняка знаете или хотя бы слышали, что такое JavaScript. Для тех кто подзабыл напоминаю, что JavaScript - это программный участок кода, который внедряется в код web-страницы и позволяет реализовать различные эффекты, недоступные с помощью HTML и CSS. Например отображение на сайте часов или текущей даты. Т.е. в нужные места web-страницы подставляют с программные куски кода, которые и выполняют нужную задачу. Это и есть JavaScript.
Если говорить коротко, то jQuery - это целая библиотека различных скриптов, собранных в один исполняемый файл. Определенный эффект вытаскивается из этой библиотеки и подставляется в нужном месте web-страницы. О том, как это делается практически мы и будем разбираться в этом разделе.
Существует много разных плагинов, с помощью которых можно реализовать красивую раскрывающуюся "гармошку" на сайте, когда большая часть текста невидима, скрыта под заголовком. При клике по заголовку, открывается скрытое окно и становится виден весь текст. А "гармошкой" такой эффект называют потому что заголовков много и соотвественно скрытых текстовых блоков тоже много (по числу заголовков).
Сегодня мы как раз и разберем один из примеров создания гармошки для сайта с использованием библиотеки JQuery.
Любой материал на сайте воспринимается гораздо лучше, если он снабжен графикой. Это могут быть различные фотографии, рисунки, чертежи и т.д. Но из-за нехватки свободного места на web-страницах далеко не всегда получается разместить полномасштабные графические изображения.
И здесь нам на помощь придет скрипт jQuery, который позволяет увеличивать графические изображения при наведении курсора. Пример работы такого скрипта мы и разберем в этом уроке.
Довольно часто на сайте требуется (или хочется) развернуть галерею с изображениями (картинками или фотографиями). Это могут быть фотографии друзей или летнего отдыха, виды любимого города, товары интернет-магазина и т.д. Но в тоже время хочется, чтобы картинки не просто тупо менялись, а менялись с каким то эффектом, хочется сделать слайд шоу из имеющихся фотографий.
"Покопавшись" в Интернете можно найти десятки и сотни подобных галерей изображений и слайд шоу. Совсем недавно я наткнулся на один интересный скрипт Merging Image Boxes созданный с помощью всем известной библиотеки jQuery, о котором и расскажу в этом уроке.