Question

试图找出如何将haml“link_to”与Ruby代码一起使用，以便在页面上创建图像链接到网站上的另一个页面。如果可能的话，我想保持导航静态，并通过“前进”和“后退”图像淡入和淡出两页。有任何想法吗？只是想首先获得正确的链接，然后才能进入并找出JQuery。目前有以下代码......

谢谢！

    .pad-bottom50
    %div{:style => "position: absolute; top: 620px; left: 830px;"}
        =link_to (image_tag(@page.photos[1].image_url(:full), :id => "#fade1", :class => "animated") if @page.photos[1].image? 
    .pad-top20

Answer 1

link_to的语法是

=link_to link_text, link_url, options

你错过了link_url。即。单击图像时用户应该被带到的位置。

这是一个工作示例

=link_to(image_tag("http://goo.gl/FZUI3"), "http://en.wikipedia.org/wiki/Nyan_Cat", :id => "#fade1", :class => "animated")

Answer 2

您没有为链接指定src。语法是：

link_to "Link Text", "/path-to-link"

将图像放入其中：

image_tag "path-to-image"
link_to(image_tag("path-to-image"), "/path-to-link")

如果@ page.photos [1] .image？

此代码将使图像由指向/ bacon的链接包装

link_to(image_tag(image_tag(@page.photos[1].image_url(:full), :id => "#fade1", :class => "animated")), "/bacon", :id => "bacon", :class => "bacon") if @page.photos[1].image?

Answer 3

首先应该查看link_to标记的参数。您将了解参数以及您可以对这些参数执行的操作。

检查此链接 api doc

您可以在API Ruby on Rails

中查看可用的方法的所有参数

正确的HAML用于将图像链接到我的Ruby on Rails应用程序中的另一个页面

3 个答案: