Superslides 更新幻灯片上的元素

Question

我正在设置 nicinabox 的超级幻灯片。

我想做的是根据当前显示的图像更新页面上的一些文本。

我该怎么做？

我目前通过 Sinatra 提供此页面，并将 Superslides 转换为 erb 文件。页面初始加载时，随机选择一个 s3 桶，并将图片动态传递给 erb 模板。

我可以通过图像指针和我想要显示的文本向 erb 文件传递​​一个哈希值吗？

有没有办法在 ruby​​ 中做到这一点？或者它更像是一个 javascript 的东西。

很遗憾我还没有任何代码，因为我真的不知道从哪里开始。

这是当前项目的 URL：http://pacific-brushlands-9242.herokuapp.com/ 我要更改的文本是“@twitterhandle”。

Answer 1

Superslides 允许您为每张幻灯片添加文本。您不必“推出自己的”解决方案。此文本必须位于具有“容器”类的 div 内，该类必须位于“幻灯片容器”UL 标记内。

执行此操作的代码如下，该代码取自 index.erb 并假设您已将哈希 @images 传递给 erb 视图：

<ul class="slides-container">
  <% @images.each do |k, v| %>
  <li>
  <img src="<%= "#{k}" %>">
  <div class="container">
    <%= "#{v}" %>
  </div>
  </li>
  <% end %>
</ul>