Вставка фотогалерей PICASA за допомогою jQuery
Це чудовий урок, який навчить Вас вставляти фотогалереї PICASA від GOOGLE у будь-які сторінки за допомогою jQuery.
Створення галереї фотографій на власному сайті не така вже й проста справа. Мені досі не зустрічалося нормальних рішень. Є хороші варіанти, але все ж таки вони далекі від досконалості.
Рішення, яке зараз покажу Вам дуже класне. Всі фото зберігаються в альбомах PICASA GOOGLE, а на Ваших сторінках розміщуються мініатюри, при натисканні на які в красивому лайтбоксі спливають повні варіанти.
Я бачу багато плюсів у даного методу:
1) Всі фотки зберігаються на зовнішньому сервері, заощаджуючи при цьому Ваш трафік 2) Наявність у PICASA власного безкоштовного софту, який дозволяє гнучко керувати фотками та альбомами 3) Простота використання
Погляньте на демо для прикладу:
Тепер давайте розбиратися як це зробити!
Насамперед як завжди необхідно підключити всі зовнішні таблиці стилів та скрипти:
Насамперед йде фреймворк, далі таблиця стилів лайтбоксу, потім скрипт лайтбоксу та скрипт нашої галереї.
Після цього необхідно ініціалізувати нашу галерею (тобто надати їй налаштування). Нижче наведено повний варіант налаштувань з описом кожного рядка:
Тепер підемо за списком:
Решта - це вже детальніше налаштування, яке по суті не особливо потрібне. Бо все працює і без цього на УРА! Я раджу користуватися мінімумом налаштувань (як у демо):
Тобто я тут тільки задаю свій логін у GOOGLE, далі прописую картинку для завантаження і, нарешті, вказую який альбом потрібно дістати!
От і все! Все дуже просто. За допомогою стилів можна оформити виведення картинок у будь-якому вигляді та послідовності.
Користуйтесь! Експериментуйте! І все у Вас вийде!
P.S. мало не забув)) Виводити галерею необхідно так:
Даний урок підготовлений для вас командою сайту ruseller.com Джерело уроку: www.oetiker.ch Переклав: Максим Шкурупій Урок створено: 24 Лютого 2010 Переглядів: 41428 Правила передруку
5 останніх уроків рубрики "jQuery"
Анімація набір тексту на jQuery
Сьогодні ми хотіли б вам розповісти про бібліотеку TypeIt — безкоштовний jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна досягти дуже реалістичного ефекту.
Тимчасова шкала на jQuery
jQuery плагін для створення тимчасової шкали.
Малюємо діаграму Ганта
jQuery плагін для створення діаграми Ганта.
AJAX та PHP: завантаження файлу
Приклад того, як здійснити завантаження файлу через PHP і jQuery ajax.