Как изменить размер изображений coinlider.js с помощью backstretch.js

Question

Как изменить размер изображений coinlider.js с помощью backstretch.js

0

Я пытаюсь, чтобы coinslider изменял размер изображений до 960 на 360. Когда я пытаюсь, он делает сам слайдер 960x360, а не изображение. Поэтому, если я использую изображение 1920x1080, оно будет показывать только верхнюю левую часть изображения, а не изменять его размер. Я включил элемент и обнаружил, что coinslider принимает изображения в тегах и добавляет их в стиль div background-image. Я попробовал css и не повезло, и я попытался использовать backstretch на div.

Они не работают :(

$('#coin-slider').coinslider({width: 960, height: 360});
$('#coin-slider').backstretch;

возможно, мне нужно событие jquery.change, чтобы определить, когда меняется тег стиля тега # монета, а затем добавить

background-size: 960px 360px;

Не совсем уверен, как это сделать и проиграл.

jemiloii 09 нояб. 2013, в 23:54

Источник

1

Вы пытались добавить ширину и высоту изображения в CSS ?? например. #coin-slider li img {width: 960px; height: 360px;}
arclite 10 нояб. 2013, в 00:09
0

я хотел, чтобы это было отзывчивым, но я долго отказывался от монетного слайдера. Я могу просто сделать слайдеры сейчас
jemiloii 18 фев. 2014, в 19:30

Теги:

jquery

image

resize

slider

jquery-backstretch

1 ответ

Ещё вопросы

Вы пытались добавить ширину и высоту изображения в CSS ?? например. #coin-slider li img {width: 960px; height: 360px;}
я хотел, чтобы это было отзывчивым, но я долго отказывался от монетного слайдера. Я могу просто сделать слайдеры сейчас

jemiloii · Accepted Answer · 2014-02-18T18-18-00.000Z

Я просто закрываю этот пост, поскольку я просто создаю новый слайдер и совместим его с backstretch.js. Coinslider делал слишком много на странице для backstretch для правильной работы и изменения размера.