ResponsiveSlides.js полноэкранные фоновые изображения

Question

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

страницы и документацию я следовал является здесь- http://responsiveslides.com/

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

Однако, после долгих исследований я нашел, что это от автора plugin- https://github.com/viljamis/ResponsiveSlides.js/issues/113

Здесь, автор объясняет, что для того, чтобы достичь того, что я пытаюсь сделать сам, то HTML должен использовать пустой элементы списка или div, чтобы указать фоновое изображение с помощью css. Я попытался сделать это, и изображения вообще не появляются. Любая помощь или указатели будут очень благодарны.

Answer 1

Если вы хотите использовать ResponsiveSlides вы можете попытаться установить стиль уль к

width: 100%; 
height: 100%; 
z-index: -1; /*To make sure it does not cover anything */ 
position: fixed; 
top: 0; 
left: 0; 

Но, кажется, что плагин не было сделано для этого. Вам следует рассмотреть возможность использования другого плагина, такого как http://vegas.jaysalvat.com/