Слайды на сайтe

Слайды на сайтe

Слайды на сайтe

Здравствуйте! Уважаемый посетитель моего Блога — Хочу узнать Интернет.

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

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

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

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

Скрипт написан на JavaScript, так что будет работать даже на бесплатном хостинге.

Инструкция по установке скрипта слайды на сайте BUSINESS SLIDERS

Для начала немного теории. Как вы скорее всего знаете у любого HTML документа практически всегда есть пара тэгов <head></head>. Название этого тэга не зря переводится как (Голова).

Между этой парой тэгов обычно размещается название документа, пути к css файлам и различные скрипты. Эта (голова) как бы руководит процессом построения страницы.

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

Выглядеть это будет примерно так:

<head>

…..другие тэги………

В скрипте есть переменная slideimages в которой хранится массив с названиями изображений.

В моем случае это:

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

Чтобы добавить ещё одно изображение, просто впишите название файла в кавычках через запятую.

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

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

Вы естественно должны заменить эти значения на свои.

Т.е. при нажатии на первое изображение, пользователь перейдет по ссылке, которая идёт первая в списке.

Переменная slidespeed — отвечает за скорость переключения картинок, так что можете поиграться с этим параметром. Он выставляется в милисекундах.

Теперь осталось только вставить нижеследующий код в то место, где хотите видеть переключающиеся картинки. Т.е. в любое место вэб страницы между тэгами <body></body>

Единственное, что Вам необходимо поменять в данном случае, это название файла, если оно у Вас отличается от photo1.jpg, а также путь в атрибуте src если ваши изображения лежат не в той же папке, что и страница их использующая.

Ну вот, на сегодня вроде бы и все! Как видите, ничего сложного.

2 Comments on Слайды на сайтe

  1. Машир // 10.11.2010 at 02:06 //

    Действительно интересно, спасибо

  2. Семенов Александр // 22.11.2010 at 12:56 //

    Спасибо Вам!

Leave a comment

Your email address will not be published.


*