Хотите разместить в блоге фотоальбом? Не проблема. Фотографии можно вставить в любой пост, правда, просматривать их при этом будет не очень удобно, да и размер такой страницы получится немаленький . Естественно, существует масса способов решения этих проблем, и об одном из них я расскажу в этой статье. Идея очень простая. Вы размещаете на странице уменьшенные фотографии, и ставите ссылки на полноразмерные аналоги. После этого подключаете специальный скрипт. Теперь если посетитель кликнет по любой из фоток, страница станет похожа на окно программы просмотра изображений. В центре будет полноразмерная фотография. По краям – кнопки «вперед», «назад». Внизу – кнопка «закрыть» и название снимка. Главное преимущество такого варианта в том, что для показа изображений используется практически вся площадь экрана, при этом страница находится под изображением и затеняется. Теперь разберемся, как создать такое слайд-шоу в блоге на WordPress. Прежде всего, нужно скачать скрипт jQuery lightBox plugin. Кстати, на этой же странице можно посмотреть демонстрацию его работы. Примечание. Вы, наверное, догадались, что этот скрипт использует JavaScript библиотеку jQuery. Но это не единственный вариант. Например, существует точно такой же скрипт на основе Prototype (Lightbox 2). В архиве вы найдете файлы скрипта и демонстрационный пример. Но прежде чем подключать скрипт, разберемся, как нужно оформлять ссылки на страницах. Особых требований тут нет, главное, чтобы вы с помощью jQuery могли выбрать нужные. Например:
Понравилась статья? Получай обновления и будь всегда в курсе событий!