мы используем переключатель слайдера 2.2. Теперь мы видим что-то странное. Наш базовый образ - 1920x300px, и это, конечно, изменено на другие экраны. Если ползунки открываются с шириной экрана браузера 1397px (изображение 218 высокое), то изображение в лотке полностью выравнивается влево: -25px. Ширина ширины полосы slotolder div равна 1394 px (с слотом 200 high). Из-за этого мы пропускаем 8 пикселей изображения внизу.jQuery оборот слайдер изображение больше, чем слот (отсутствует 8px)
Приведенный ниже пример приведен ниже.
Мой вопрос: Кто-нибудь испытывает это раньше? Должен ли я изменить размер изображения до 210? или я должен изменить размер лотка до 218?
В любом случае, я просматриваю весь код. Он не установлен в css. Не в html. Но (я думаю) в слайдере революции css. Или есть настройка, чтобы отключить позиционирование слева -25px?
(я надеюсь, что это все немного ясно)
Пример кода при условии слишком
<div class="slider">
<div class="fullwidthbanner-container">
<!-- see the 210 PX HERE -->
<div class="fullwidthbanner revslider-initialised tp-simpleresponsive hovered" style="height: 210px;overflow: visible;">
<ul style="display: block;">
<li data-transition="boxslide" data-link="/link" data-target="_self" style="visibility: visible; left: 0px; top: 0px; z-index: 18; opacity: 1;">
<div class="slotholder">
<!-- see the 218 PX + LEFT: -24px (changes betw 24 and 25) HERE -->
<img src="image.png" alt="alt" width="1920" height="300" class="defaultimg" style="width: 1395.2px; height: 218px; position: absolute; left: -24px; opacity: 0; top: 0px;">
</div><div class="tp-caption sft slidelink" style="z-index: 2; cursor: pointer; font-size: 8.41875px; padding: 0px; margin: 0px; border: 0px; line-height: 11.6266666666667px; white-space: nowrap; opacity: 0; left: 0px; top: -50px; transform: scale(1, 1) rotate(0deg); visibility: hidden;" data-x="0" data-y="0" data-linktoslide="no" data-start="0"><a target="_self" href=""><div></div></a></div></li>
</ul>
<div class="tp-bannertimer tp-top" style="width: 60.1525423728814%; overflow: hidden;"></div>
<div class="tp-loader" style="display: none;"></div></div>
<div class="tp-bannershadow tp-shadow1" style="width: 1347px;"></div><div class="tp-bullets simplebullets round" style="visibility: visible; width: 62px; left: 642.5px; bottom: -9.8px; opacity: 0;"><div class="bullet first"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet last selected"></div><div style="clear:both"></div></div><div style="visibility: visible; position: absolute; left: 0px; top: 105px; opacity: 0;" class="tp-leftarrow tparrows round large"></div><div style="visibility: visible; position: absolute; left: 1269px; top: 105px; opacity: 0;" class="tp-rightarrow tparrows round large"></div></div>
</div>
