Движущаяся фотолента

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

✪ DEMO⇊ СКАЧАТЬ

JS

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

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

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


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

6 комментария

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

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

  2. Большое спасибо за помощь!

  3. Спасибо все получилось!

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

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

      Спасибо за Ваши теплые слова! Чтобы было 12 фотографий, нужно добавить

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

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

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