Помните, когда-то обещал слегка поправить скрипт с коробками, чтобы его удобно было подключать и использовать? Готово!
Сам скрипт живёт вот тут.
И вот что он умеет:
- поддерживается 2 стиля коробок: обычные и покрасивее. Вы можете заказать вашему дизайнеру любые картинки коробок и кинуть их в папку
bimg, назвав их также, как файлы, лежащие там, добавив в конец порядковый номер. Типа: closed3.png, opened3.png и т.д.
- скрипт не вставляет свою форму, вы можете использовать его на любом ленде, где УЖЕ есть форма. Достаточно указать селектор этой самой формы и скрипт автоматом её скроет до момента открытия пользователем "выигрышной" коробки.
- скрипт автоматом подменяет все ссылки с якорями, чтобы скролл шёл к блоку коробок, а не к скрытой скриптом форме
Как подключить скрипт:
- для начала подключите JQuery, после чего пропишите ссылку на скрипт
- прямо перед вашей формой добавьте тег
и задайте ему какой-нибудь id, например boxesMain
- у формы (или всего блока, внутри которого болтается форма) тоже должен быть свой id, например formMain
Как настроить скрипт:
- по факту вся настройка сделана в духе скрипта Drewlex и идёт через метод initBoxes. Задаются 2 селектора: для блока коробок и для формы.
Далее задаются тексты: для заголовка блока коробок, и для каждого сообщения. Также задаётся цена и валюта товара. Ну и последний блок - это порядковый номер стиля.
Откройте файл index.html, который идёт в комплекте со скриптом, там есть полный пример настройки.
Когда-нибудь непременно запилю в таком же духе и рулетку. А пока что на этом всё, лейте в плюс, господа!
