Auto Highslide — плагин фотогалереи для WordPress. Плагин очень прост, приятен в работе и не тормозит сайт, что является его главным конкурентным преимуществом.
Просто нажмите на миниатюру картинки левой кнопкой мыши и она плавно увеличится до полного размера.
В этом примере все изображения расставлены по ячейкам таблицы. Но, на страницы сайта миниатюры можно вставлять, конечно, и поодиночке. И, тогда, страницы сайта в браузере будут загружаться значительно быстрее. Ведь миниатюра картинки или ее уменьшенная копия на странице имеет гораздо меньший вес по сравнению с оригиналом.
Чтобы запустить расширение в работу, нужно всего лишь
скачать, установить и активировать Auto Highslide. После этого, при добавлении новой картинки, в параметрах отображения, выберите, в каком размере изображение будет отображаться на странице или в ячейке таблицы — в виде миниатюры или в среднем размере.
Учтите, плагин работает только с новыми картинками, которые были загружены после его активации. Все старые изображения придется перезалить.
Теперь, вы можете вставлять изображения на сайт и радовать своих посетителей эффектом работы плагина.
P.S. Для равномерного распределения миниатюр картинок в фотогалерее, как в моем примере выше, их можно расставить по ячейкам таблицы:
Таблица
ячейка 1, первый ряд | ячейка 2, первый ряд | ячейка 1, первый ряд |
ячейка 1, второй ряд | ячейка 2, второй ряд | ячейка 3, второй ряд |
ячейка 1, третий ряд | ячейка 2, третий ряд | ячейка 3, третий ряд |
HTML код таблицы для вставки в текстовом редакторе панели администратора:
<div align=»center»>
<table style=»background-color: #f9f2ea;» border=»0″ cellspacing=»0″ cellpadding=»8″>
<tbody>
<tr>
<td>ячейка 1, первый ряд</td>
<td>ячейка 2, первый ряд</td>
<td>ячейка 1, первый ряд</td>
</tr>
<tr>
<td>ячейка 1, второй ряд</td>
<td>ячейка 2, второй ряд</td>
<td>ячейка 3, второй ряд</td>
</tr>
<tr>
<td>ячейка 1, третий ряд</td>
<td>ячейка 2, третий ряд</td>
<td>ячейка 3, третий ряд</td>
</tr>
</tbody>
</table>
</div>
Где, параметры атрибутов:
- background-color: #f9f2ea — цвет фона таблицы;
- border=«0» — ширина рамки вокруг таблицы в пикселях;
- cellspacing=«0» — расстояние между ячейками таблицы;
- cellpadding=«8» — задает верхнее, нижнее, левое и правое поля ячейки или расстояние до границы ячейки от ее содержимого.
В случае отсутствия необходимости использовать эти атрибуты в таблице, их можно просто не прописывать.
Не забудьте похвастаться своей фотогалереей в комментариях.
Отлично, попробую обязательно. Спасибо!
Спасибо, очень понравилось
Легок и прост. Супер
Как все гениальное :-).
класс плагин
Спасибо, все отлично работает!
Здравствуйте, Роман! Спасибо за статью, плагин, действительно очень простой и удобный, но подскажите, пожалуйста, у меня почему-то на одной из страниц не выплывают картинки . С чем это может быть связано?
Здравствуйте Екатерина! Возможны две причины.
1. Картинки для этой записи были загружены до активации плагина. Перезагрузите картинки.
2. Откройте картинку для редактирования (где редактируется выравнивание, заголовок, alt, …) и посмотрите, прописан ли путь до картинки в поле «ссылка». Если нет, щелкните там по кнопке «Ссылка на изображение».
Помогло?
Здравствуйте!
Как сделать чтобы русифицировать подсказки плагина, типа: кликните чтобы увеличить и наоборот?
Сел русифицировать и встал в ступор. Этого текста (всплывающих подсказок) в файлах плагина не обнаружилось. Если решите вопрос, буду очень благодарен если напишите как.
Я подозреваю что для этого используется то файлик с javascript-ом, и смущает что там не просто «название.js», а «название.packed.js» может оно как-то закодировано? Я пока яваскрипт не знаю…
Хороший плагин, сам его использую. Да и нагрузка у него маленькая, по сравнению с похожими плагинами.
Здравствуйте! я не мог добавит фото на запись. потом установил ваш плагин, но все равно не получается.
Этот плагин не помогает устанавливать фото в запись. Как добавить изображение в запись WordPress я писал в статье — «Добавление медиафайлов«. Там все очень просто, попробуйте и обязательно получится.
Странно, плагин активирован, ссылка есть… В чем еще может быть затык?
Может дело в теме. Некоторые плагины иногда отказываются работать на некоторых темах. Попробуйте поменять тему и посмотрите результат. Если это не поможет, добавьте меня в администраторы сайта (потом удалите), вышлите имя и пароль на почту, попробую разобраться на месте. Если что, у меня есть на примете другие плагины подобного рода.
После установки плагина никаких изменений при добавлении картинки не заметил… Можете глянуть как выглядит картинка, после установки плагина — сайт www. fx57.net /news/supermicro-sse-g2252p-52-porta-gigabit-ethernet.html
Андрей, проверьте активацию плагина, есть ли ссылка на картинку в окне настроек миниатюр как на скриншотах этой статьи.
Здравствуйте. Установил у себя плагин, в старых новостях картинки отображаются как и раньше. Это нормально?
Так и должно быть. Плагин работает с картинками, установленными после его активации. Добавьте ссылку на старые картинки нажатием кнопки «Ссылка на изображение» в окне ее редактирования.