【问题标题】:Jssor (Slider-cluster): Child slide's arrow navigation and caption transition not showing up properlyJssor(Slider-cluster):子幻灯片的箭头导航和标题转换未正确显示
【发布时间】:2014-04-22 16:55:01
【问题描述】:

1) 箭头导航:

我有大型(子)幻灯片可以缩放到浏览器窗口的完整大小,而不是http://www.jssor.com/demos/slider-cluster.html 示例中显示的那些幻灯片

可能正因为如此,即使我将 $ChanceToShow 设置为 2(始终),Arrow Navigator 也不会出现。为了让它出现,我必须将鼠标移出幻灯片区域,然后再重新进入,这对用户来说并不直观。

2) 字幕转换:

我对子幻灯片的标题转换的问题是,当标题 1. 在幻灯片出现后没有动画或 2. 当它们动画时(通常在我在子幻灯片之间导航之后),标题可能会完全消失。以下是我用于其中一张子幻灯片的示例代码。

    <!-- Slides Container -->

<div u="slides" style="cursor: auto; position: absolute; left: 0px; top: 0px; width: 2000px; height: 800px; overflow: hidden;">

  <div>
    <img src="../img/01a.jpg"/>
    <div u="caption" t="T" t2="B" d="-300" class="bodytxt" style="position:absolute; top:500px; left:525px; width:850px; height:80px; background-position: 0px -165px;"></div>
  </div>

  <div>
    <img src="../img/01b.jpg"/>
    <div u="caption" t="T" t2="B" d="-300" class="bodytxt" style="position:absolute; top:600px; left:525px; width:850px; height:80px; background-position: 0px -165px;"></div>
  </div>

</div>

有人可以帮忙吗?提前致谢。

【问题讨论】:

  • 似乎问题 1(箭头导航未出现在子幻灯片上)仅发生在 Chrome 上,但在 Firefox 和 IE 上似乎很好。

标签: jquery jssor


【解决方案1】:

我暂时不知道。也许您可以将选项 $HWA 设置为 false。 你能留下一个网址或把你的作品发给我吗? 谢谢!

【讨论】:

  • 我做了进一步的观察。 1) 如果滑块代码后没有包含标题
    ,则箭头导航不会出现在子幻灯片上。所以只要我加了一个caption div就可以了。 2)单击其他父幻灯片然后再次进入带有子幻灯片的幻灯片后,子幻灯片的标题似乎消失了。可能是因为这些字幕没有“正确退出”子幻灯片?如果您在此处浏览幻灯片,您还可以看到子幻灯片中的标题消失:jssor.com/demos/slider-cluster.html。有没有办法克服这些?谢谢。
  • 我注意到滑块集群有问题,我稍后会调查。感谢您的反馈
  • 顺便说一句,我能否使用 Google Analytics 跟踪各种幻灯片和/或点击?再次感谢您的努力。
  • 我猜是的。滑块中的所有内容都与页面中的其他元素相同。
猜你喜欢
相关资源
最近更新 更多
热门标签