Адаптивный слайдер

[maritca]

Очень понравился этот слайдер http://pcvector.net/scripts/slidesho...y-slayder.html (сайт временами глушится, к сожалению, поэтому вот все исходники и примеры - https://yadi.sk/d/qZEdhXozdHxFi, захотелось его реализовать у себя.

Вот тестовая страничка: http://tuttimobili.ru/index1.htm
Проблема возникла при попытке расширить слайдер (в исходнике у него максимальная ширина - 800 px, а мне нужно 1500).
Как только я залила свои фотографии в слайдер и прописала в CSS соответствующие величины, началась фигня полная. 
Во-первых, изображение не помещается в слайдер, как ни крути. Во-вторых, не работает собственно адаптивность - изображение не ужимается до нужных мне размеров. В-третьих, при загрузке первого слайда не работает функция задания ширины диву с текстом (видно лишь начало слова).

Поскольку изображение в слайдере является бэкграундом для дива, я думала, что проблема решится, если я при инициализации бэкграунда в js допишу ещё одно свойство к нему - cover. И отчасти действительно помогло. Но не везде. Например, при блочной анимации такое не прокатывает, и вообще при смене слайдов изображение начало дёргаться. Но даже если я уберу блочную анимацию и плюну на дёрганье, всё равно при загрузке первого слайда не прогружается ширина блока с текстом.

Вопрос такой, собственно, как при минимальных изменениях исходных файлов CSS и JS обрести возможность заливать изображения большего размера и растягивать слайдер до большей величины?

Edited December 10, 2014 by maritca

[jdk]

А Вы уверены, что нужен такой большой слайдер? У меня разрешение 1920х1080 + 8гб оперативнки, и то на весь экран не помещается и подтормаживает. (Яндекс диск пуст).

Edited December 10, 2014 by jdk

[maritca]

Ну, в любом случае 800 мало. 1300 хотя бы...

А что у вас не помещается на весь экран? А, вижу. Это я таблицу внизу покрутила, убрала пока её отсюда...

Ссылку на диск поправила.

Edited December 10, 2014 by maritca

[jdk]

Ещё раз уточните пожалуйста, в чем проблема? Я для первого примера (index.html) в \css\skin 1\style.css поменял на width: 1300px; Слайдер растянулся. Для остальных тоже работает.

Для адаптивности изображений пропишите

width: 100%;max-width: 1300px;height: auto;

Edited December 11, 2014 by jdk