fbpx
Перейти к содержимому

🇯🇸 Cкрипт движущейся фотоленты для сайта

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

✪ DEMO⇊ СКАЧАТЬ

JS

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

Больше статей:   Видео Youtube во всплывающем окне

В коде необходимо откорректировать подправить некоторые переменные:
var sliderwidth=»650px» — ширина фотоленты, по умолчанию 650 пикселей;
var sliderheight=»200px» — высота фотоленты, по умолчанию 200 пикселей;
http://yoursite.com — ссылка на Ваш сайт (так для всех семи картинок)
http://yoursite.com/image1.jpg — ссылка (полный путь) на картинку, также отдельно для всех семи картинок.

Количество картинок можно уменьшать и увеличивать.
Надеюсь, Вам этот скрипт понравился так же как и мне.

6 комментариев для “🇯🇸 Cкрипт движущейся фотоленты для сайта”

  1. Здравствуйте! Спасибо за ваш сайт, оч много полезного. Все так доступно написано, что даже новичек сможет разобраться! Можно ли узнать на счет этого скрипта?
    1. Как задать движение фото так, чтобы одна продвинулась, лента остановилась… и так далее
    2. Как добавить переключатели вправо, влево
    3. Как сделать фон ленты прозрачным
    Заранее благодарю!

    1. Здравствуйте Константин! Спасибо за добрые слова. Мне всегда очень приятно знать, что мой сайт действительно нужен пользователям.
      Отвечая, на Ваши вопросы, хочу еще раз напомнить (я писала это в начале статьи), что скрипт придуман не мной, поэтому особо редактировать его я не пыталась.
      Фон фотоленты меняется тут: slidebgcolor=»#000000″, но как сделать его прозрачным пока не знаю, его можно подогнать под дизайн самого сайта по цвету.
      Что касается переключателей и остановок фото, возможно, Вам больше подойдет такой вариант: Слайдер изображений

  2. Добрый день! Большое спасибо за подробное объяснение по редактированию скрипта, все подробно и доступно! Ваш материал приносит огромное облегчение нам, чайникам ^_^, для которых стало необходимостью в работе, иметь свои сайты.
    Пожалуйста, помогите еще: укажите , какую переменную нужно поправить, что бы увеличить фотоленту до 12 фото?
    write
    С уважением и наилучшими пожеланиями!

    1. Уважаемая Вера Михайловна!

      Спасибо за Ваши теплые слова! Чтобы было 12 фотографий, нужно добавить
      leftrightslide[7] ='<a href="http://yoursite.com"><img src="http://yoursite.com/image8.jpg" width=300 height=200 border="0"></a>'
      leftrightslide[8] ='<a href="http://yoursite.com"><img src="http://yoursite.com/image9.jpg" width=300 height=200 border="0"></a>'

      и так до 12 фотографий по аналогии.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *