n-wp.ru — блог о WordPress
Как по ссылке открывать изображения в модальном окне | OrangeBox | n-wp.ru

Как по ссылке открывать изображения в модальном окне | OrangeBox

При вставке простой ссылки на изображение, это изображение не отображается в блоге — ссылка так и остается ссылкой, ведущей на другую страницу. Но иногда было бы удобно при клике по этой сслке открывать изображение без перехода на другую страницу. Это может сделать плагин OrangeBox.

Как по ссылке открывать изображения в модальном окне | OrangeBox

Плагин использует одноименный, легкий, удобный в управлении, кроссбраузерный jQuery-скрипт. Этот скрипт открывает все изображения, на которые указывают ссылки, в модальном окне, без переходов на другие страницы. Например, если вы вставили прямую ссылку на изображение, то при клике по ней появится модальное окно, в котором будет показано это изображение. Если таких ссылок на странице несколько, то плагин покажет кнопки для перехода к следующему или предыдущему изображению. Если изображение имеет подпись, то она будет выведена поверх него при наведении курсора на картинку.

Как по ссылке открывать изображения в модальном окне | OrangeBox

Но самое удобное в плагине то, что он может выводить в модальном окне не только изображения, но и видео, и флеш, и внедренные объекты.

Как по ссылке открывать изображения в модальном окне | OrangeBox

По прямым ссылкам поддерживается вставка видео из YouTube, Vimeo, QuickTime Video, Viddler Video, открытие в модальном окне iFrame объектов, например, внешних страниц, файлов SWF.

В настройках плагина можно указать, на какую ширину и высоту открывать модальное окно с изображением, насколько затемнять весь остальной фон, как быстро показывать анимацию (затухание при прорисовке), и многие другие параметры.

Как по ссылке открывать изображения в модальном окне | OrangeBox

Посмотреть
OrangeBox
вы перейдете по ссылке http://orangebox.davidpaulhamilton.net/
Скачать
OrangeBox
вы перейдете по ссылке http://wordpress.org/extend/plugins/orangebox/

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

10 комментариев

/* ]]> */