1. Створити папку colorbox, в неї покласти
-- colorbox.css
-- папку images (в ній лежать елементи оформлення colobox'а)
2. У компоненті підключити
. Повинна бути підключена бібліотека colorbox-min.js
3. зображення покласти на заслання з атрибутом, що збігається з атрибутом, заданому в функції rel = 'gallery'
1. Підключити до сторінці стилі і скрипти
2. Покласти зображення на заслання
До посиланням додати атрибут rel = "lightbox"
3. В папку з зображеннями images скопіювати потрібні для плагіна зображення loading.gif і ін.
Прозорість в іе7,8
При підключенні до сторінці цього плагіна лайтбокса іе7,8 сторінка не затемнюється, а стає повністю чорною і непрозорою.
Рішення: намалювати напівпрозорий .png і зробити його фоном для лайтбоксу в активному стані.
css для IE7 b IE8
Інструкція від Ксюши як намалювати прозорий квадратик в фотошопі
робиш на новому шарі свій квадратик, а прозорість робиться як на малюнку, просто бегунком, покрути його-зрозумієш, то що обведено. тільки тобі треба поле для роботи поменше створити. а щоб у тебе це було на прозорому тлі ти повинна видалити основний фон, зазвичай він білий, просто створити порожній шар, зараз кину ін картинку, зрозумієш
МЕГАВАЖНИЙ апдейт.
Для того, щоб лайтбокс працював з jQuery 1.9 необхідно
в коді lightbox.js замінити
Доповнення. Для того, щоб хрестик і підписи до картинок знаходилися над картинкою. необхідно в lightbox.js
написати
але при цьому при відкритті лайтбоксу картинка буде стрибати.