Слайдер хоть и маленький но может прокручивать любое количество изображений.У слайдера нет кнопок управления,он работает автоматически.Работать он будет только на динамических страницах (типа главной),в материалах модулей он будет работать не на всех сайтах.На меняющиеся в нём картинки можно прикрепить ссылки и использовать в качестве своеобразного меню.Картинки желательно применять с размерами 320Х240,для изменения разрешения изображений можете воспользоваться специальной программой предназначеной для уменьшения размеров.Программа не сложная,на сайте есть виде по работе с ней. Кстати можно изменить и фоновую картинку слайдера и его размеры на нужные,в нижней части есть редактор для экспериментов с кодами примеров - не забудьте воспользоваться.Если что то не понятно или существуют какие либо предложения,используйте формы комментариев.
Слайдер для воспроизведения изображений работающий с применением jQuery и Mobilyslider. Будет работать на страницах модулей и динамических страницах сайта uCoz,в материале (как здесь) можно подключить только через фрейм. Слайдер можно настроить на три типа воспроизведения,дополнительно можно организовать или отменить автозапуск,а также показ элементов управления и остановку показа во время наведения курсора на рабочую часть.
Пример скрипта с авто масштабированием изображений
Внимание!!! По запросам пользователей материал был расширен, изображениям в слайдере можно придать "резиновые" свойства, т.е картинки и фотографии будут сами подстраиваться под установленные размеры самого слайдера.Вы можете применять разнокалиберные размеры изображений, не забывайте, масштабирование может исказить реальный вид при несопоставимых пропорциях ширины и высоты.В примере ниже слайдеру с изображениями из первого примера скрипта установлен размер 200Х200, напоминаю, для проверки кода скрипта в редакторе понадобится добавить к нему библиотеку jQuery.
Слайдер с адаптивными свойствами будет изменять свои размеры относительно свободного пространства окна. Изначальные размеры изображений не имеют значения и будут масштабироваться согласно устанавливаемым размерам по месту. FlexSlider может использоваться как слайдер для видео, применяя в качестве слайдов видео проигрыватели. Резиновый слайдер имеет большое количество настроек, при помощи которых Вы сможете настроить воспроизведение на своё усмотрение. По умолчанию, готовый код для установки полностью настроен, Вам останется поместить его в требуемое место, изменить путь к используемым слайдам и радовать посетителей своими творениями. Форма комментариев ВКонтакте предназначена для краткого диалога о материале, для получения дополнительной информации технического характера нужно использовать стандартную форму комментариев.
Код слайдера для установки и проверки
Будьте внимательны!!! В примере вписана библиотека jQuery выделенная красным цветом. Она нужна только для проверки работоспособности кода для установки и испытания его ссо своими настройками. При установке на свой сайт, если он на uCoz скрипт нужно удалить из кода.
Возможные изменения в слайдере
Не исключено что эта информация может пригодится:
1.Вопрос: Как сделать слайдер не фиксированным по ширине, а на всю свободную ширину?
1.Ответ: Заменить в стилях (max-width:600px;) на (max-width:100%;) и убрать функцию в скрипте (itemWidth:600,). Имейте в виду что элементы слайдов должны иметь одинаковый размер, иначе будет корявово.
2.Вопрос: Как убрать расположение слайдера по центру?.
2.Ответ: По умолчанию слайдер будет центрироваться, чтобы сделать расположение свободным уберите в стилях строку (margin:0 auto;).
3.Вопрос: Как убрать пустой промежуток между слайдами?
3.Ответ: Измените в стилях строку (margin-right: 5px !important;) на (margin-right: 0 !important;) и удалите функцию в скрипте (itemMargin:5,).
Зачастую надо вставить на сайт видеоролик... Использовать всякие youtube и rutube несложно, но лучше
использовать свой плеер со своим оформлением...
Для этого вначале скачиваем файлы, прилагающиеся к данной теме. Там есть папка flash. В ней файл
mediaplayer.swf. Он-то нам и нужен. Всё остальное удаляем. Далее готовим само видео и картинку, которая будет
отображаться в плеере пока видео ещё не запустили. Теперь загружаем на сайт видео, картинку и сам плеер
(mediaplayer.swf). Прописываем вот это:
Этот код использует тег <embed>.Замечу, что данный тег устарел. Поэтому я решил показать вам ещё один способ
вставки на страницу видеоплеера - без всяких embed, зато с использованием функции AC_FL_RunContent().
Вначале вставляем на страницу эту библиотеку. .Вставляется она примерно так: