BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Плагин для увеличения изображений — Auto Highslide

Плагин для увеличения изображений — Auto Highslide

2013-04-14 / Вр:20:40 / просмотров: 8687

Привет посетителям моего блога. Сегодня я хочу написать о полезном плагине Auto Highslide, который служит для увеличения изображения на блоге или сайте. Преимущество плагина Auto Highslide в том, что он  достаточно легкий и нагрузку на блог не несет, прост в установке, так как не требует никаких настроек.

плагинов для увеличения изображения

Конечно, плагинов для увеличения изображения существует много, но мне больше нравиться плагин  Auto Highslide, так как он увеличивает изображение при нажатии мышки на пять с плюсом. Это моя оценка по пятибалльной системе :smile:.

Плагин Auto Highslide хорошо применять для тех сайтов, которые постоянно что-то объясняют и для примера размещают множество картинок (поясняющие скриншоты).
Согласитесь, без плагина опубликовать изображения в полном размере, это нагрузка на сайт, а если делать их маленькими, то читатель не увидит примера. Вот, поэтому плагин Auto Highslide вам будет незаменимым помощником. Достаточно только установить плагин Auto Highslide, уменьшить размер картинок в статьях, а при нажатии на картинку,  плагин увеличит их до полного размера.
Вот, к примеру нажмите на изображение снизу:

просто картинка для примера

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

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

Auto Highslide — плагин для увеличения изображений на сайте

○ скачайте и установите плагин Auto Highslide.

Скачать плагин вы можете здесь.

○ когда будете вставлять в запись изображение, обязательно убедитесь, чтобы ссылка стояла на изображении.

Auto Highslide — плагин для увеличения изображений на сайте

Auto Highslide — плагин для увеличения изображений на сайте

Если ее нет, нажмите на кнопочку «ссылка на изображение».

Auto Highslide — плагин для увеличения изображений на сайте

○ перейдите на вкладку «Дополнительно» и поменяйте размер изображения на меньший, соблюдая примерно пропорции картинки.

Auto Highslide — плагин для увеличения изображений на сайте

Вот и все!!! Таким вот методом вы только что создали возможность пользователям увеличивать изображения на вашем блоге.

Если изображение само по себе не большое и увеличение такому изображению не нужны, тогда уберите ссылку на картинку, чтобы оно не было кликабельным и не увеличивало изображения. Для этого стоит просто нажать в редакторе на кнопочку «Нет».

Плагин для увеличения изображений — Auto Highslide

Вот и все, что я хотел рассказать на сегодня. Надеюсь статья про увеличение изображений при помощи плагина Auto Highslide вам понравилась и была полезной. Тогда поделитесь ею с друзьями, нажав кнопочку социальных сетей, которые размещены чуть ниже.

Думаю, вскоре напишу статью про то, как сделать красивую фотогалерею при помощи плагинов для WordPress, поэтому подписывайтесь на обновления блога bloggood.ru в форме ниже или перейдите по ссылке.
Ну все, до скорых встреч, если что-то не ясно, пишите в комментариях!!!

И напоследок, смешное видео.

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

Получай обновления блога!!! Подпишись:

Популярные статьи:

28 Ответов на комментарий - Плагин для увеличения изображений — Auto Highslide

  1. Олег

    Плагин поставил работает четко спасибо за статью.Хороший блог поместил в закладки думаю тут долго буду висеть.

  2. Степан => автор блога

    Рад, что информация пригодилась и все у Вас, Олег, получилось. Буду рад Вашим новым комментариям.

  3. Сергей

    У меня на сайте установлен плагин Auto Highslide, но почему то он перестал открывать нормально изображения… т.е. открывается картинка с увеличением, но с очень большим искажением пропорций… в буквальном смысле открывается в виде полоски, которую потом практически невозможно закрыть… Если Вы в курсе, как решить мою проблему, то помогите мне в этом, пожалуйста… :-(

  4. Степан => автор блога

    Здравствуйте, Сергей! Попробуйте удалить плагин Auto Highslide, а потом заново переустановить!

  5. Сергей

    Спасибо за совет, попробовал, но “воз и ныне там”… Изменений никаких не произошло.. :sad:

  6. Степан => автор блога

    Попробуйте отключать все плагины кроме Auto Highslide. Если все заработает правильно, значит какой-то плагин конфликтует. Напишите результат!

  7. Сергей

    Попробовал поочередно отключать плагин за плагином, и проверял после каждого отключения работу открывания фото… Но ничего не исправляется… Значит не в плагинах дело… А в чем тогда может быть проблема…?

  8. Степан => автор блога

    Попробуйте временно поменять шаблон сайта, если проблема исчезнет, значит проблема в файле style.css

  9. Сергей

    О ЕСТЬ !!! Действительно исчезли глюки на другом шаблоне… А что мне теперь делать, коль уж мне необходим именно этот шаблон…? :|

  10. Степан => автор блога

    попробуйте в файле style.css найти виновного! Это скорей всего в размерах: height – высота и width – ширина. Только вначале сделайте копию файла style.css.
    Если не поможет, тогда попробуйте в файле style.css, в самом конце поставить этот стиль:

    img.highslide-image
    {
    height:600px;
    width:600px;
    }
    
  11. Сергей

    Вроде нашел там то, что касается изображений… у меня это выглядит вот так:

    img {
    
        height:auto;
    
        max-width:100% !important;}
    

    Что мне здесь нужно изменить… или я нашел что-то не так…?

  12. Сергей

    И вот что еще нашел там:

    .gallery-item img {width:100%; height:auto;}
  13. Степан => автор блога

    Пробуйте!!! Если что-то будет не так, Вы всегда сможете все вернуть как было! Попробуйте вообще удалить класс:

    img {
        height:auto;
        max-width:100% !important;
    }
    

    Вы пробовали в конце ставить этот стиль?

    img.highslide-image
    {
    height:600px;
    width:600px;
    }
    
  14. Сергей

    Да только что попробовал установить стиль в конце файла style.css… и без изменений… потом попробовал удалить код:

     img {
        height:auto;
        max-width:100% !important;
    }
    

    и тоже все как прежде… :oops:
    А как же мне это все исправить не знаю…

  15. Степан => автор блога

    кажется нашел. Найдите в файла style.css

    width: 84px;
    height: 475px;

  16. Сергей

    У меня все что встречается в файле style.css с выражением width: идет в цифровом формате с обозначением %, либо em, но только не в px

  17. Сергей

    А может я Вам сброшу свой файл style.css и Вы глянете своим профессиональным и опытным глазом… что там не так…? :oops:

  18. Сергей

    У меня еще есть файл в теме: theme-options.css может здесь таится наш “ГЛЮК”…?

  19. Степан => автор блога

    Вроде нашел. Зайдите в плагины, нажмите возле плагин Auto Highslide на ссылку “Изменить”, потом “auto-highslide/highslide/highslide.css”.
    Найдите там:

    .highslide-wrapper .highslide-html-content {
    	width:
    	padding:
    }
    

    Если не поможет! Тогда придется заменить плагин на другой или шаблон.

  20. Степан => автор блога

    О! это все меняет! Конечно, там тоже смотрите. Смотрите во всех файлах “*.css” вашей темы.

  21. Сергей

    Нашел !!!!:

    .highslide-wrapper .highslide-html-content {
    
    	width:300px;
    
    	padding:5px;
    

    И что мне с ним делать…?

  22. Степан => автор блога

    Это не поможет. Чтобы найти глюк, нужно после исправления сразу видеть результат :|

  23. Степан => автор блога

    Сергей, Вы в файле theme-options.css искали? Менять нужно значение (цифры). Например: width:300px;, а сделали вот так width:695px;. Сергей, рекомендую вам почитать основы CSS.

  24. Сергей

    Пробовал менять цифры 300 на 695 (без результата)… и пробовал padding:5px; 5 менять на 50 и на 300… тоже без результата… :sad:
    Что же еще сделать…?

  25. Степан => автор блога

    Поменяйте плагин на другой или шаблон.

  26. Сергей

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

  27. Степан => автор блога

    Я бы, посоветовал плагин “Auto Highslide”, на так как он Вам не подходит, попробуйте вот этот, “Shutter Reloaded” или “Fancybox for WordPress”

  28. Сергей

    Только Shutter Reloaded пошел у меня… остальные не пошли плагины… СПАСИБО ОГРОМНОЕ за помощь…

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки:

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 809
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716