Как сделать слайдер (ротатор)

Чтобы сделать слайдер самостоятельно нужно пройти на сайт https://cp.inetclick.ru, зарегистрироваться и сделать. Все. На этом статью можно заканчивать, если бы мой блог был технический.

Но так, как это мой личный дневник, а я потерял на создание слайдера к прошлой статье почти 5 часов, то я так просто не остановлюсь. Я продолжу рассказ.

 Для чего?

Честно говоря, я, проснувшись в то утро, никакой слайдер делать и не собирался. Просто хотел написать статью и вставить туда подходящую картинку.

Более того, вначале так и было, может быть, кто-то видел первоначальную редакцию, где стояла одна большая картинка. Но только мне этот вариант не понравился.

Смысл в том, что картинка состоит из 8 последовательных фрагментов, типа комикса и мне пришло в голову, был бы тут слайдер, смотрелось это дело гораздо симпатичнее.

Это может пригодиться также блогерам обучающих тематик. Зачем сотня картинок, если можно поставить один слайдер (или ротатор, как ещё говорят)? Только время смены картинок задать больше, чтобы не мелькали слишком часто.

Да и, в общем, интересно. Мне было приятно, когда после 5 часов усилий я добился нужного результата.

Многие блогеры используют gif-изображения, если нужна динамика, но в слайдере есть несколько преимуществ:

  • можно остановить нужный слайд;
  • в любой слайд можно добавить ссылку.

А потому область применения расширяется. На указанном в первом абзаце сайте можно привязать его (ротатор) с аккаунтом в Смартреспондер. В общем, есть над чем задуматься.

Неудачные попытки

Сделать слайдер при помощи того сайта просто. Даже очень. Но куда же ушли 5 часов?

Сперва я хотел реализовать это как-то иначе. Посмотрел ролик как нарисовать слайдер в Фотошопе.

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

Потом я нарвался на программу cu3ox, сделал красивый объёмный слайдер из картинок скринов моего рабочего стола, но…

 как сделать слайдер

Не смог вставить его на сайт в запись. Ну, просто никак! Может вам кому удастся вот архив.

Единственный недостаток этого ротатора, а я думаю полученный результат можно так назвать, это логотип программы.

Но если купить платную версию, его не будет. Стоит она, правда, зараза почти 60$.

В попытке вставить этот слайдер на сайт я просидел часа три. Узнал как это сделать для MODX, но проблему не решил.

В голове стали появляться мысли оформить презентацию в PowerPoint, а потом записать с экрана ролик, выложить в Ютуб и вставить, но это даже для меня слишком… Хоть и умею.

Есть, кстати, вариант вставить сразу презентацию из офиса, но тоже без стороннего сервиса не обойтись, а тогда зачем?

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

Любые исправления, которые вы потом сделаете отразятся на встроенном ротаторе, поэтому не удаляйте его и не экспериментируйте на уже стоящем объекте.

А в остальном отличный бесплатный сервис.

16 Комментарии

    • А мне вот почему-то захотелось. Для разнообразия. Интересно стало самому что-то сделать

  1. Самый простой способ вставить слайдер — через iframe. Я так делал в некоторых постах, где коды javascript, вставленные в пост, не хотели работать. То есть я создавал отдельную html-страницу, где размещал javascript-коды, а на блоге использовал фрейм. Если непонятно, обращайтесь. Помогу)

    • Спасибо, Никит, если придется обязательно спрошу, пока нет такой необходимости, но может возникнуть в дальнейшем не здесь 🙂

    • Наверное ты прав, про тормоза я вообще не подумал. Но было интересно покопаться, узнал много нового. Тоже не зря (утешаю себя).

  2. Нифига не понял, Саш) Зачем тебе эти мучения?
    Да и никому не нужны эти слайдеры на блоге, поверь, на них ВООБЩЕ не обращают внимание на блогах.
    Лариса верно говорит — полно плагинов для таких целей)

    • Я думал совершу открытие, прорыв, а вы… 🙂 Злые, уйду я от вас.
      Просто мне картинка с обезьянами давно нравится. Оживил ее, а что мучился, то теперь понял как был не прав ))

    • Если ввести в поиск как сделать слайдер, толком ничего не найти, вот о чем мало. В подполье похоже надо, для просветления))

      • Не, просто надо было искать «слайдер для wordpress».
        И все-таки я против подполья. Во-первых, мы по тебе будем скучать)
        Во-вторых, нет там никакого просветления, одни крысы и сырость, я тебе точно говорю)))

      • Я думал при запросе слайдер для Вордпресс выйдут слайдеры для шапки сайта, я кстати видел несколько готовых. Их продают кстати даже, где-то видел. В подполье, раз авторитетные люди говорят, что там сыро и крысы 🙂

      • Умеешь польстить невзначай))) Я бы сказала, не авторитетные, а бывалые (в подполье)…
        Давно хотела написать про слайдеры, но сама их не люблю, вот и тяну.

      • А вот не тянула, я бы не потерял 5 часов жизни. Чуть было не вник в скрипты и всякую прочую муть, хорошо вовремя отпустило ))

  3. Даже я, любитель всяких сложностей, никак не пойму, а почему все-таки плагин не поставить?:) Благо их для Вордпресс хватает.
    Точнее, нет, я не понимаю, почему ты в первую очередь про плагин не вспомнил и отправился сторонние сервисы искать? Вариант с видео презентации, залитой на Ютюб, просто убил)))

    • )) Я даже не подумал об этом. Вот почему в тырнете так мало пишут как? Для Вордпресс есть тупо плагин. Ухожу в подполье. Глубокое. Учиться думать.

Добавить комментарий для Web-Кошка Отменить ответ

Ваш электронный адрес не будет опубликован.


*