Блог о программировании, сайтах, пассивном доходе, обо всем, что мне интересно!

Лайт-бокс с отложенной загрузкой «Колобок»

Когда вы делаете всплывающие окна стандратными средствами Adobe Muse, то весь контент, будь то картинки, слайдеры или тексты, грузятся сразу при открытии страницы. Adobe Muse весь контент, подлежащий выводу в так называемых лайт-боксах «кладет» на эту же страницу и пока все это «добро» не прогрузится, сайт у вас не откроется. Частично эта проблема решается бесплатным виджетом «Виджет Adobe Muse, ускоряющий отображение контента», но, когда у вас много лайтов и в них очень много информации, сайт просто «вешается». Тут вам на помощь придет этот виджет, «Лайт-бокс с отложенной загрузкой».

Данный виджет, как и большинство моих виджетов, не зависит от сторонних серверов, он привязывается к вашему домену и работает полностью с вашего хостинга. Лайт-боксы в Adobe Muse верстаются как отдельные страницы, очень удобно, нет никакой каши на рабочем пространстве, все распределено по отдельным страницам.

После оплаты данного виджета (обязательно указывайте адрес вашего сайта в поле Комментарий и e-mail), вам на почту придут 2 файла: «121scolobok.zip» и «121s Colobok LiteBox.mulib». Архивный файл вам нужно распаковать в корне вашего сайта на хостинге, в нем содержится папка 121scolobok. После этого можно переходить к работе в программе Adobe Muse.

Импортируйте виджет «121s Colobok LiteBox.mulib» в свой проект. Там всего лишь 1 виджет «Конфиг отложенной подгрузки контента в Lite Box». В настройках данного виджета ширина и высота всплывающего окна в пикселях и стиль лайт-бокса, по умолчанию стоит темный стиль.

Класс «gs121slb» стоит по умолчанию, можете вписать любой, какой вам необходим, смысл данного класса в том, что виджет ищет на странице все гиперссылки с этим классом и применяет к ним эффект лайт-бокса. То есть, для тех кнопок, где должен применяться эффект LiteBox’а необходимо выставить этот класс через меню «Стиль графики».

Далее, нужно создать страницу с контентом для лайт-бокса. Для кнопки установите гиперссылку на вновь созданную страницу. При нажатии данной кнопки, вместо открытия новой страницы у вас будет срабатывать Лайт-бокс, в котором будет открыта ваша новая страница.

Конфиг на всю страницу нужен всего лишь 1. Класс выставляйте 1 на все кнопки вызова лайт-бокса на этой странице.

Таким образом вы можете создать неограниченное количество лайт-боксов на одной странице, и ваша страница будет грузиться быстро, так как содержимое лайт-боксов не грузится сразу, оно подгружается только по мере необходимости.

Демо страница

По ссылке ниже доступна демо-страница, которую я делал в видео тут, одним из виджетов был этот.

Demo страница Lazy пакета

Переходите и убедитесь сами в том, что это работает. Крутите страницу в самый низ, перед картой 4 блока с Lazy Лайт-боксами.

Купить виджет

Стоимость данного виджета 550 руб.

Пожалуйста, не забывайте указывать адрес вашего сайта, где вы будете использовать данный виджет, это поле Комментарий. Если вы не укажите адрес сайта, то виджет не придет вам на почту автоматически и нужно будет связываться со мной, чтобы я руками вписал адрес вашего сайта и выслал вам на почту виджеты.

Последнее изменениеСреда, 06 июня 2018 15:03
Денис

Занимаюсь программированием с 1993 года, ищу пути достижения финансовой свободы. Люблю возиться с тачками, активный отдых.

Сайт: 121s.ru

Оставить комментарий

Убедитесь, что Вы ввели всю требуемую информацию, в поля, помеченные звёздочкой (*). HTML код не допустим.