» » Показ слайдов на Blogger

Показ слайдов на Blogger

Бывает, в статье нужно продемонстрировать серию фотографий. Или несколько изображений, которые по отдельности смотреть неинтересно. Для качественного просмотра большого количества картинок в одной статье, желательно использовать, например, галереи, карусели. О них я упоминала в статье:
Как установить несколько фото в ряд на блоггер.
А вот о слайд-шоу я не успела рассказать. Пора восполнить этот пробел.

Онлайн-сервисы

Images lider maker
https://imageslidermaker.com/v2
Images lider maker
Очень простой в работе сервис. Добавляете фото и выбираете настройки и оформление — переходы, кнопки и так далее. Сервис бесплатный, в коде присутствует ссылка на сайт, но её можно убрать. Вся работа по созданию слайд-шоу описана на самом сайте очень подробно и в картинках. Установка галереи так же прописана в описании.

Cincopa 
https://www.cincopa.com/media-platform/html-slideshow
Можно создавать галереи, слайдеры, видеоплейеры так далее. Прост в работе. Можно пользоваться бесплатно, но присутствует в коде галереи ссылка на сайт.  В бесплатной версии довольно много ограничений.
Cincopa
Сom slider
https://comslider.com/
Когда-то сервис был бесплатным, теперь стали требовать оплату. Самый недорогой тариф 24$ в год. Работать на сайте удобно, просто. Только выбирай понравившиеся элементы и настройки.
Сom slider

Программы

WOW Slider
Простой в работе слайдер. Есть русский язык, много настроек.
  1. Добавление и удаление фото 
  2. Верхнее меню для создания и сохранения слайд-шоу
  3. У меня бесплатная версия — присутствует водяной знак.
  4. Настройки
  5. Эффекты
  6. Ещё настройки
  7. Здесь пишем заголовок
Настройки
Дополнительные настройки слайдера.
Дополнительные настройки
Тарифный план.
Тарифный план
Готовый слайдер
Коды для встраивания на сайт.
настройки установки
Настройки внешнего вида:
Настройки внешнего вида
Информация о том, как убрать логотип программы:
https://moneypartners.ru/vebmaster/wordpress/kak-ubrat-logotip-ssyilku-wowslider
Скачать программу можно на сайте https://wowslider.com/ru/
Ниже аналогичные программы галерей и слайдов. 
  1. MySlideShow - http://www.anixsoft.com/
  2. Shozam - http://www.shozam.com
  3. Extreme - https://www.exisoftware.com/
  4. Hislider - http://www.hislider.com/

Скрипты и коды на CSS и HTML

Скриптов слайдеров в сети очень много — перечислю несколько адресов, где их можно найти:
  1. https://pcvector.net/tags/slider/ - много скриптов
  2. http://www.jqueryslidershock.com/
  3. http://responsiveslides.com/
  4. http://philparsons.co.uk/demos/box-slider/
  5. http://projects.craftedpixelz.co.uk/craftyslide/
  6. https://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/ - много скриптов
  7. https://tympanus.net/codrops/2011/04/28/rotating-image-slider/
  8. https://bxslider.com/
  9. http://www.dwuser.com/easyrotator/
  10. https://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
  11. https://tympanus.net/codrops/2011/11/21/elastic-image-slideshow-with-thumbnail-preview/
  12. https://www.internet-technologies.ru/articles/26-besplatnyh-adaptivnyh-jquery-slayderov-izobrazheniy.html
  13. https://hmil.ru/slajdery-dlya-sajta/
  14. http://dbmast.ru/besplatnye-adaptivnye-jquery-slajdery-izobrazhenij
  15. http://www.webmasters.by/articles/web-programming/114.html?showall=1
  16. http://beloweb.ru/javascript-jquery/10-besplatnyih-jquery-galerey.html
  17. http://slippry.com/
  18. https://hmil.ru/slajdery-na-jquery-dlya-sajta/
и много-много других сайтов.

Скрипты притормаживают блог и поэтому многие ищут слайдеры только на CSS и HTML.
Ниже подборка адресов, где можно скачать подобные слайд-шоу и галереи.
  1. https://www.fly-webmaster.ru/slideshow-html-css.html
  2. http://dreamhelg.ru/2009/08/how-to-build-css-slide-show/
  3. https://habr.com/ru/post/143025/
  4. https://codepen.io/nathantaylor/pen/PJGqdE
  5. https://codepen.io/lgrqvst/pen/YdVLrE
  6. https://codepen.io/outerwhitespace/pen/EOGyzK
  7. https://codepen.io/alexerlandsson/pen/ONqdZY
  8. http://shpargalkablog.ru/2013/11/slideshow.html
  9. https://yadro.top/1896-slaydshou-na-chistom-css.htm
и другие.

  1. Анонимный12/4/20 03:13

    К сожалению WOW slider в Blogger не работает. Там кроме вставки кодов необходимо разместить папки с изображениями и скриптами на сервер сайта(блога) а как ето сделать в Blogger?

    ОтветитьУдалить
    Ответы
    1. Наталья12/4/20 06:10

      Посмотрите как добавляют в блоггер слайдер https://wowslider.com/help/how-to-add-wowslider-to-blogger-39.html
      Но лучше вставить готовый слайдер, которых в интернете полно. Будет и быстрее и разбираться со вставкой не нужно. Например:https://bloggerslider.shuvojitdas.com/2013/06/jquery-image-sliderwow-slider-with.html

      Удалить

Комментарии со спамом удаляются.