Как да инсталирате GreyBox скрипт или красиви изскачащи прозорци на вашия уебсайт
На много сайтове срещнах красиви изскачащи прозорци, когато щракнете върху изображение или връзка. Исках същото. По-долу ще ви разкажа подробно как да инсталирате GreyBox на моя уебсайт и защо точно този модул.
Когато получих идеята да внедря тази технология на моя уебсайт, все още не знаех, че има много от тях и как се прави. След като потърсих този въпрос в Google, намерих две разумни системи: Lightbox и GreyBox. Разбира се, има повече от тях, но или са платени (само „stubs“ могат да се използват безплатно), или все още са в процес на разработка и нямат стабилни версии.
За "правенето" на различни красоти избрах GreyBox, тъй като интерфейсът му е по-обмислен. Няма проблем с показването на голямо изображение на малък екран, когато не можете да превъртите надолу, за да видите изображение, което не пасва на екрана. И заема много по-малко място - 40Kb. Например, Lightbox заема 240Kb на сайта, които ще бъдат заредени при отваряне на сайта (дори и само веднъж).
Накратко, GreyBox е бонбон!
Инсталирането на GreyBox отнема доста време и е независимо от cms, но все пак вероятно няма да можете да го поставите на безплатен хостинг. Зададох го на Textpattern, така че примерите ще показват TXP кодови фрагменти.
Стъпка по стъпка инсталиране на GreyBox на сайта:
- Изтеглете последната версия на GreyBox от официалния сайт на проекта. Не се страхувайте, ще трябва да изтеглите около 200Kb. Има много примери и много повече. Самият GreyBox, както казах, отнема 40Kb.
- В разопакования архив намирамедиректорията greybox и япоставяме в корена на сайта.
- След това добавете кода към шаблона на сайта, като го поставите между html таговете. :
Бутоните за навигация в товаопцията няма да е налична (снимката по-долу).
