【问题标题】:Make rails carousel image a hyperlink使 rails 轮播图像成为超链接
【发布时间】:2016-10-06 06:19:08
【问题描述】:

我正在尝试单击引导轮播中的其中一个图像,并将其重定向到我网站上的另一个页面。不幸的是,我不断收到错误。

这里是html/erb

此代码不起作用!

<div class="carousel-inner" role="listbox">
    <div class="item active">
      <%=link_to "#{image_tag("rsz_adobestock_44582832.jpg", :alt => "Slide1"), {:class => "img-responsive", :alt => "Responsive image"}}".html_safe, services_path %>
      <div class="carousel-caption">
      </div>
    </div>

我正在对导航栏中的徽标做类似的事情,效果很好。这是代码

这段代码完美运行

      <div class="navbar-brand-image"> <%=link_to "#{image_tag 'rsz_1rsz_13logo.png'}".html_safe ,root_path %></div>

最后,这是我在轮播代码中遇到的错误。

/app/views/home/home.html.erb:17: syntax error, unexpected ',', expecting tSTRING_DEND
...582832.jpg", :alt => "Slide1"), {:class => "img-responsive",...
...                               ^):
  app/views/home/home.html.erb:17: syntax error, unexpected ',', expecting tSTRING_DEND

【问题讨论】:

  • 我要挑衅一下,建议你不要使用轮播作为 UI 元素:shouldiuseacarousel.com
  • 很遗憾不是我的决定。我只负责让它工作
  • 那么,先生/女士,我完全同情您。

标签: html ruby-on-rails ruby twitter-bootstrap


【解决方案1】:

你可以试试这个

 <%= link_to(image_tag('rsz_adobestock_44582832.jpg',:alt => "Slide1", :class => "img-responsive"), services_path)%>

但请检查是否存在图像。

【讨论】:

  • 导航栏的代码工作正常,我包含的最上面的代码块给我带来了麻烦,我不知道为什么
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-04-21
  • 1970-01-01
  • 1970-01-01
  • 2013-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多