Glass Плагин – увеличение части изображения
05.09.2018
При помощи этого бесплатного плагина WordPress можно добавить на сайт интересную возможность просматривать ваши фотографии и картинки, используя так называемый эффект лупы (увеличительного стекла). Плагин Glass может работать не только на стационарных компьютерах и ноутбуках, но и на мобильных устройствах (планшеты, iPad, смартфоны), и не требует загрузки специальных Flash скриптов.
Если навести курсор на любое изображение на странице, то в круглой части «лупы» будет отображаться увеличенный фрагмент изображения той области фотографии, которую вы выбрали для просмотра. Плагин на данный момент работает только с изображениями в формате PNG и JPG.
КАК СДЕЛАТЬ ПЛАВНЫЙ ПЕРЕХОД ЗА 1 МИНУТУ | ЗУМ ПЕРЕХОД В PREMIERE PRO
Скачать плагин WordPress Glass вы можете или в официальном хранилище WordPress здесь — http://wordpress.org/plugins/glass/ , или просто установить его через админпанель на своем сайте, что кажется мне намного проще. Устанавливается плагин Glass стандартно. После того, как вы его активировали, в меню «Параметры» появится новый пункт с настройками плагина – «Glass». Плагин не переведен на русский язык, но вы можете легко это сделать прямо в браузере, если пользуетесь Firefox или Chrom. Насчет других браузеров я не могу сказать, есть ли у них автоматический перевод, так как редко ими пользуюсь.
Разлетевшееся на кусочки (Эффект Shatter). After Effects.
Настройки, которые существуют по умолчанию, вы можете и не трогать, так как плагин прекрасно работает и с ними. На картинке выше вы видите изображение с работой плагина, который не настраивался. Просто после установки плагина наведите курсор на любое изображение на любой странице сайта, и вы сможете убедиться в его работоспособности.
Но все-таки я немного расскажу о настройках плагина Glass.
Первое поле устанавливает, во сколько раз будет увеличена сама «лупа». Второй пункт – по умолчанию устанавливаются такие настройки краев изображения, которые вы видите на картинке. Можно загрузить в директорию, которая указана в настройках этого пункта, свое изображение. Оно может быть любой формы, хоть квадратное, но прозрачное. То есть, вы просто загружаете рамку для своих настроек. Например, в директории, которая указана для рамки, лежат изображения лупы с ручкой, без ручки, разных цветов или черные рамки. Можно установить просто однотонный цвет в третьем пункте. Формат обычный — #000000. Здесь вы можете задать кратность минимального увеличения изображения внутри «лупы». То же самое, только максимальное значение. И последнее – настройки увеличения миниатюр в записях и на страницах архивов.
Ну и, как обычно – плагин может плохо работать в IE 5,6,7 и 8. Но это уже явление для всех привычное – в Эксплорере мало что работает вообще. Но я думаю, что в IE уже мало кто работает в рунете, а если кто и пользуется им по привычке, то последние его версии отлично справляются с любыми новыми разработками программистов, в том числе и с этим плагином.
Чтобы эффект лупы проявлялся во всей своей красе, не пользуйтесь ею для больших изображений (800х600 пикселей и больше). ТО есть не загружайте на сайт такие большие размеры. Пользуйтесь средними значениями для своих изображений, и тогда эффект «лупы» будет наиболее эффективен.