43 lines
1.4 KiB
Plaintext
43 lines
1.4 KiB
Plaintext
<div class="orbit margin-bottom" role="region" aria-label="Answer 1" data-orbit data-auto-play="false">
|
|
<a data-toggle="answer_1" class="zoom-link show-for-medium-up">
|
|
<span class="icon-search-plus"></span>
|
|
<span class="show-for-sr"><%= t("polls.show.zoom_plus") %></span>
|
|
</a>
|
|
|
|
<ul class="orbit-container">
|
|
<li>
|
|
<button class="orbit-previous">
|
|
<span class="show-for-sr"><%= t("shared.orbit.previous_slide") %></span>◀︎
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="orbit-next">
|
|
<span class="show-for-sr"><%= t("shared.orbit.next_slide") %></span>▶︎
|
|
</button>
|
|
</li>
|
|
|
|
<% answer.images.each do |image| %>
|
|
<li class="is-active orbit-slide">
|
|
<%= link_to image.attachment.url(:original), target: "_blank" do %>
|
|
<%= image_tag image.attachment.url(:medium),
|
|
class: "orbit-image",
|
|
alt: image.title %>
|
|
<% end %>
|
|
<span class="orbit-caption"><%= image.title %></span>
|
|
</li>
|
|
<% end %>
|
|
|
|
</ul>
|
|
|
|
<nav class="orbit-bullets">
|
|
<button class="is-active" data-slide="0">
|
|
<!-- replace this with image title -->
|
|
<span class="show-for-sr">Image title 1</span>
|
|
<!-- /. replace this with image title -->
|
|
</button>
|
|
<button data-slide="1">
|
|
<span class="show-for-sr">Image title 2</span>
|
|
</button>
|
|
</nav>
|
|
</div>
|