Перейти к содержанию
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

Изменено пользователем adioZzz

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
24 minutes ago, smartcoder said:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.