2015-03-24 7 views
0

Я использую ползунок шириной 100%, и это здорово! но я понял, что изображения, которые я загрузил на фоне слайдов, кажутся размытыми, хотя реальный размер их превосходит тот, который отображается в слайдере. Я не знаю, какое свойство может вызвать размытие, есть ли способ избавиться? благодаря!!!Jssor слайдер 100% ширина (размытые изображения)

+0

Вы могли бы указать код, пожалуйста? – tim

ответ

0

Пожалуйста, обратите внимание на следующий код в демо-версии,

<div id="slider1_container" style="position: relative; margin: 0 auto; 
    top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;"> 
    ... 
    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; 
     height: 500px; overflow: hidden;"> 

Прежде всего, это наполнит ваше изображение в контейнере «слайды» в соответствии с вариантом $ FILLMODE.

И тогда он будет масштабировать весь слайдер, чтобы он соответствовал ширине окна (в соответствии с логикой вашего отзывчивого кода).

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

Смежные вопросы