Проста галерея на jQuery

Сьогодні ми розглянемо створення простої галереї jQuery. У ній ми не будемо використовувати додаткові плагіни для jQuery, тому її вага буде невеликою.

jQuery
галерея

Крок 1.

Підключимо до документа фреймворк jQuery. Для цього між тегами пропишемо наступний код:

Далі слід прописати такий скрипт:

Крок 2.

В окремій таблиці стилів або в цьому файлі між тегами напишемо CSS-стилі для виведення галереї. Ви можете міняти їх на свій розсуд:

Крок 3.

Безпосередньо сама галерея є ненумерованим списком.

У блоціlarge вказується картинка, яка за замовчуванням буде великою.

Далі кожен елемент списку є маленькою картинкою (в даному випадку 75х56 px), що має посилання на велику (в даному випадку 350х263 px).

Розмістити ці картинки ви можете або в одній папці, або в двох, наприкладbig (для великих) таsmall (для маленьких). Але не забудьте вказати до них правильні шляхи.

На цьому все! Дякую за увагу!

Даний урок підготовлений для вас командою сайту.

5 останніх уроків рубрики "jQuery"

Анімація набір тексту на jQuery

Сьогодні ми хотіли б вам розповісти про бібліотеку TypeIt — безкоштовний jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна досягти дуже реалістичного ефекту.

Тимчасова шкала на jQuery

jQuery плагін для створення тимчасової шкали.

Малюємо діаграму Ганта

jQuery плагін для створення діаграми Ганта.

AJAX та PHP: завантаження файлу

Приклад того, як здійснити завантаження файлу через PHP і jQuery ajax.