Как красиво вывести большие изображения | Highslide 4 WordPress

Как красиво вывести большие изображения | Highslide 4 Wordpress | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Плагин Highslide 4 WordPress красиво выводит большие изображения, скрываемые за миниатюрами. Он использует эффект highslide — изображение плавно увеличивается в размерах и подстраивается под размер окна браузера.

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

Если таких изображений на странице несколько, то появятся стрелки навигации и кнопка, запускащая слайд-шоу. Скорость смены картинок выставляется в настройках плагина.

Плагин имеет несколько темных и светлых вариантов оформления, которые подойдут к дизайну любого блога. Так же плагин активирует специальный шорткат, с помощью которого можно обозначать ссылки на картинки, на которые распространяется действие плагина. Это нужно, например, для того, чтобы красиво выводить большие картинки, которые расположены не на странице, а указаны в виде ссылок на внешние источники. Чтобы открыть такую картинку, как обычную, достаточно ее заключить в разметку:

<span style="font-size: x-small"><img class="alignnone size-full wp-image-4247" title="tiaurus-2010-04-29_160725" src="https://n-wp.ru/wp-content/uploads/2010/04/tiaurus-2010-04-29_160725.png" alt="" width="350" height="40" /></span>

Плагин может отображать заголовок и подпись к картинке. В качестве заголовка или подписи могут выступать атрибуты title, alt или название файла.

Если вам не нравятся стили обрамления выводимых изображений, то вы можете сочинить свои, присоединив фал css в настройках плагина.

Плагин Highslide 4 WordPress — отличная возможность выводить большие изображения в блоге с любой шириной. С его помощью можно легко организовать фото-блог.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Dellink

    установил я этот плагин, но ничего не получилось с картинками?

    Ответить
  2. Dellink

    ….или что-то нужно к картинкам добавлять?

    Ответить
    1. Ничего добавлять не нужно. Отметьте галочку, что вы соглашаетесь с условиями копирайта. Вот мои настройки:

      Ответить
  3. Dellink

    спасибо…а где это посмотреть у тя как работает, в каком посте у тя так картинка открывается и как ты сделать такой как у вас вывод похожих новостей?

    Ответить
  4. Dellink

    спасибо…всё сделал!

    Ответить
  5. Dellink

    только как сделать вывод похожих новостей как у тебя?

    Ответить
    1. Например, тут: https://n-wp.ru/4225

      Ответить
    2. Код вывода похожих новостей я скомпоновал самостоятельно, и он жестко связан с шаблоном блога. Есть плагин, делающий примерно тоже самое: https://n-wp.ru/kak-vyivesti-pohozhie-zapisi-contextual-related-post/

      Ответить
  6. Владимир

    Плагин на 3,1 норм пашет? а то чет старенький он.

    Ответить
    1. Grawl

      Должен. В блоге http://tiaurus.info используется свежий WordPress.

      Ответить
  7. Grawl

    Крутой плагин. Поставлю себе.

    Ответить
  8. Insane

    мне тоже понравился

    Ответить
  9. Нафаня

    Плагин хорош и встает хорошо, одно только в нем меня смущает – на выводимом изображении кнопки управления и само изображение с заголовками на инглише, не очень смотрится на русскоязычном проекте… а где подправить в коде не нашел

    Ответить
  10. Игорь

    Тоже интересно как русифицировать подписи к кнопкам…

    Ответить
    1. Нужно перевести js-файл

      Ответить
      1. Игорь

        он закодирован был :)

        Ответить
  11. Игорь

    Хух… нашел как сделать :) вот ссылка на переведенный файл: http://pickupim.ru/hs-custom-min.js (просто замените в папке плагина)

    Ответить
×
WordPress:
прокачай свой сайт!

Скидка на премиум темы и плагины

Успей забрать скидку ⋙