Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Скрипт слайдера картинок.
Скачать бесплатно Скрипт слайдера картинок.
Скрипт предназначен для показа трех (это количество зашито в коде) автоматически сменяющих друг друга изображений
в окне, размер которого равен размеру изображений. Эти изображения являются анонсами статей. Страница с полным текстом
статьи вызывается щелчком на соответствующем изображении. Строка навигации под окном слайдера служит для быстрого
перехода к нужному изображению.
Скрипт позволяет настроить:
- изображения, которые будет показывать слайдер и страницы, на которые будет осуществляться переход при щелчке
левой кнопкой мыше на изображении
для этого нужно соответствующим образом изменить содержимое блоков с идентификаторами item1, item1a, item2 и item3,
причем первое изображение записывается в двух блоках - item1 и item1a (для того, чтобы иммитировть эффект бесконечной ленты)
- размер изображений (все должны быть одного размера) и, соответственно, размер окна слайдера
для этого нужно изменить значения width и height в строке:
#lenta img {width:400px; height:200px; border:none}
файла style/slider.css
- скорость смены изображений
для этого нужно изменить значение переменной shift_time (в милисекундах) в файле js/slider.js
- время показа изображения
для этого нужно изменить значение переменной show_time (в милисекундах) в файле js/slider.js
- стиль элементов слайдера, не изменяя уже установленные значения.
в окне, размер которого равен размеру изображений. Эти изображения являются анонсами статей. Страница с полным текстом
статьи вызывается щелчком на соответствующем изображении. Строка навигации под окном слайдера служит для быстрого
перехода к нужному изображению.
Скрипт позволяет настроить:
- изображения, которые будет показывать слайдер и страницы, на которые будет осуществляться переход при щелчке
левой кнопкой мыше на изображении
для этого нужно соответствующим образом изменить содержимое блоков с идентификаторами item1, item1a, item2 и item3,
причем первое изображение записывается в двух блоках - item1 и item1a (для того, чтобы иммитировть эффект бесконечной ленты)
- размер изображений (все должны быть одного размера) и, соответственно, размер окна слайдера
для этого нужно изменить значения width и height в строке:
#lenta img {width:400px; height:200px; border:none}
файла style/slider.css
- скорость смены изображений
для этого нужно изменить значение переменной shift_time (в милисекундах) в файле js/slider.js
- время показа изображения
для этого нужно изменить значение переменной show_time (в милисекундах) в файле js/slider.js
- стиль элементов слайдера, не изменяя уже установленные значения.
Скачать скрипт
slider.zip [112.46 Kb] (cкачиваний: 495)
MD5: 721348cbb6caeac5fa2fca74134f49e8
MD5: 721348cbb6caeac5fa2fca74134f49e8