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" - задает верхнее, нижнее, левое и правое поля ячейки или расстояние до границы ячейки от ее содержимого.

В случае отсутствия необходимости использовать эти атрибуты в таблице, их можно просто не прописывать.

Не забудьте похвастаться своей фотогалереей в комментариях.

Дорогой коллега, если статья для тебя была полезна, подпишись на обновления блога.

С уважением, Роман Ваховский.

Хороший человек всегда нажмет на кнопку!
Комментарий > Благодарность > Ссылка на секретную страницу блога

20 комментариев: Auto Highslide - плагин фотогалереи для WordPress

Страница 1 из 11
  • Андрей говорит:

    Здравствуйте. Установил у себя плагин, в старых новостях картинки отображаются как и раньше. Это нормально?

    • admin говорит:

      Так и должно быть. Плагин работает с картинками, установленными после его активации. Добавьте ссылку на старые картинки нажатием кнопки "Ссылка на изображение" в окне ее редактирования.

  • Андрей говорит:

    После установки плагина никаких изменений при добавлении картинки не заметил... Можете глянуть как выглядит картинка, после установки плагина - сайт www. fx57.net /news/supermicro-sse-g2252p-52-porta-gigabit-ethernet.html

    • admin говорит:

      Андрей, проверьте активацию плагина, есть ли ссылка на картинку в окне настроек миниатюр как на скриншотах этой статьи.

  • Андрей говорит:

    Странно, плагин активирован, ссылка есть... В чем еще может быть затык?

    • admin говорит:

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

  • Якубжон говорит:

    Здравствуйте! я не мог добавит фото на запись. потом установил ваш плагин, но все равно не получается.

    • Роман Ваховский говорит:

      Этот плагин не помогает устанавливать фото в запись. Как добавить изображение в запись WordPress я писал в статье - "Добавление медиафайлов". Там все очень просто, попробуйте и обязательно получится.

  • Сергей Стеклов говорит:

    Хороший плагин, сам его использую. Да и нагрузка у него маленькая, по сравнению с похожими плагинами.

  • Павел говорит:

    Здравствуйте!
    Как сделать чтобы русифицировать подсказки плагина, типа: кликните чтобы увеличить и наоборот?

    • Ваховский Роман говорит:

      Сел русифицировать и встал в ступор. Этого текста (всплывающих подсказок) в файлах плагина не обнаружилось. Если решите вопрос, буду очень благодарен если напишите как.

      • Павел говорит:

        Я подозреваю что для этого используется то файлик с javascript-ом, и смущает что там не просто "название.js", а "название.packed.js" может оно как-то закодировано? Я пока яваскрипт не знаю...

  • Екатерина говорит:

    Здравствуйте, Роман! Спасибо за статью, плагин, действительно очень простой и удобный, но подскажите, пожалуйста, у меня почему-то на одной из страниц не выплывают картинки . С чем это может быть связано?

    • Ваховский Роман говорит:

      Здравствуйте Екатерина! Возможны две причины.
      1. Картинки для этой записи были загружены до активации плагина. Перезагрузите картинки.
      2. Откройте картинку для редактирования (где редактируется выравнивание, заголовок, alt, ...) и посмотрите, прописан ли путь до картинки в поле "ссылка". Если нет, щелкните там по кнопке "Ссылка на изображение".
      Помогло?

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу
Подписка тут
подписка

Все права защищены © 2011-2017. WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.