выравнивание слайдшоу

[adioZzz]

Доброго времени суток!

 

Сделал слайдшоу через javascript

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

https://parad-union.ru/

 

файл с java во вложении

 

пока установил в tpl файле так:

 

<script src="scripts-slide/jquery.cross-slide.min .js" type="text/javascript"></script>

<style type="text/css">
#slideshow {
width: 100%;
height: 500px;
margin: auto;
size: cover;

}

</style>

<div id="slideshow" ></div>    <script>

$('#slideshow').crossSlide({    
sleep: 2,            fade: 1        }, [    
{ src: "image/catalog/category/1.jpg" },        
{ src: "image/catalog/category/2.jpg" },        
{ src: "image/catalog/category/3.jpg" },        
{ src: "image/catalog/category/4.jpg" }        ])

</script>

 

jquery.cross-slide.min.js

Змінено 8 серпня 2018 користувачем adioZzz

[Гість smartcoder]

так а как вы сделаете адаптивную высоту, если вы прописали высоту 500px?

[adioZzz]

24 minutes ago, smartcoder said:

так а как вы сделаете адаптивную высоту, если вы прописали высоту 500px?

если прописать 100%, то картинка вовсе пропадет