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

Как красиво вывести большие изображения | Highslide 4 Wordpress | n-wp.ru Плагины

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

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

Плагин автоматически добавляет эффект 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="Как красиво вывести большие изображения | Highslide 4 WordPress" width="350" height="40" /></span>

Плагин может отображать заголовок и подпись к картинке. В качестве заголовка или подписи могут выступать атрибуты title, alt или название файла.
Как красиво вывести большие изображения | Highslide 4 WordPress
Если вам не нравятся стили обрамления выводимых изображений, то вы можете сочинить свои, присоединив фал css в настройках плагина.
Как красиво вывести большие изображения | Highslide 4 WordPress
Плагин Highslide 4 WordPress — отличная возможность выводить большие изображения в блоге с любой шириной. С его помощью можно легко организовать фото-блог.

tiaurus

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

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

  1. Dellink

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

    Ответить
  2. Dellink

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

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

      Ответить
  3. Dellink

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

    Ответить
  4. Dellink

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

    Ответить
  5. Dellink

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

    Ответить
    1. Ответить
    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 (просто замените в папке плагина)

    Ответить