Question

我正在通过nicinabox建立绝对优秀的超级滑翔。

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

我该怎么做？

我目前正在通过Sinatra提供此页面，并已将Superslides转换为erb文件。最初加载页面时，会选择一个随机的s3存储桶，并将图像动态传递给erb模板。

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

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

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

以下是该项目的网址：http://pacific-brushlands-9242.herokuapp.com/ 我想改变的文字是'@twitterhandle'。

Answer 1

Superslides允许您为每张幻灯片添加文本。你没有必须自己推动自己的＆＃34;解。这个文本必须在一个带有＆＃34;容器＆＃34;类的div中。它必须位于＆＃34; slide-container＆＃34; 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>

超级幻灯片更新幻灯片上的元素

1 个答案: