0

我们使用旋转滑块 2.2。我们现在看到了一些奇怪的东西。我们的基本图像是 1920x300px，当然这会调整为其他屏幕尺寸。如果滑块以浏览器屏幕宽度 1397px（图像 218 高）打开，则 slotholder 中的图像绝对左对齐：-25px。slotholder div fullbannerwidth 宽度为 1394 像素（插槽高度为 200）。正因为如此，我们在底部遗漏了 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>

在此处输入图像描述

4

1 回答 1

0

您使用的是非常旧版本的滑块。自 v.2.2 以来有超过 20 多个更新可用，请更新到版本 4.6.5，这将修复任何类型的位置、调整大小或间隙错误。如果更新后问题仍然存在，请随时通过http://themepunch.com/support-center与我们联系

来自 ThemePunch 的感谢和问候！

于 2015-03-16T15:43:55.850 回答