如何在我的公共/ images中将图像标记链接到文件background.jpg
,并且单击时将用户重定向到root_url(因此,页面内容位于容器中,如果用户点击背景图片重定向回家?)谢谢!Rails 3:link_to和image_tag
回答
肯定的:
<%= link_to(image_tag("background.jpg", :alt => "home image", :width => 100, :height => 100, :title => "Click here to return to Home") "/") %>
当您这样做时,即使图像存在,链接也不会垂直拉伸以填充屏幕。所以如果你点击浏览器窗口的前几个像素,你会被重定向,但是如果你点击了其他任何你不是的地方。你有这个解决方案吗? – user852974
只需在宽度和高度添加即可显示。然而,这听起来像链接周围的区域的CSS有问题。 – jschorr
解决方案的确满足了这个问题。我说我们不关注CSS行为,因为它超出了这个讨论的范围。 – Tass
我正在寻找同样的事情,前一段时间,我发现了Rails的方式来做到这一点。
比方说,你想给你的HTML页面来呈现follwoing代码
<a title="Return Home" class="logo" href="/pages/home">
<img width="200" height="50" src="logo.png" alt="Logo Image">
</a>
在哪里“页”是控制器和“家”是动作。这是Rails的方式。
<%=link_to(image_tag("12roots-logo.png",:size => "209x50", :alt=> "12roots"),
{:controller=>"pages", :action=>"home"}, :title=>"Return Home", :class=>"logo") %>
大多数轨标签佣工接受一个块,这意味着你可以使用do
来简化你的生活。这里我用一个块与link_to
:
<%= link_to root_url do %>
<%= image_tag "background.jpg" %>
<% end %>
在这种情况下,的link_to预计下一个参数是路径和块发出什么样的锚套。
一般来说,我会尽量保持每行规则的一个标签助手,除非其超级微不足道,所以当线条会变得拥挤时更喜欢这种技术。这样做的一个好处是,由于标签位于不同的行,错误更容易识别。
如果您还需要其他选项,请像往常一样添加它们。例如,我将添加一个css类:
<%= link_to root_url, :class => 'imagelink' do %>
...
- 1. 的Rails 3 - 的link_to与IMAGE_TAG +文字
- 2. fancybox with image_tag and link_to rails
- 3. Rails 4 link_to标题与image_tag
- 4. Rails 3缓存和image_tag
- 5. 的link_to IMAGE_TAG在轨
- 6. Rails 3 link_to和JQuery
- 7. onmouseover for link_to image_tag
- 8. 在的link_to IMAGE_TAG
- 9. 轨道3的link_to IMAGE_TAG ---预防的1290149059
- 10. link_to_remote和link_to in Rails 3
- 11. 轨的link_to(IMAGE_TAG)如何
- 12. Rails 3正确image_tag转换
- 13. 如何把image_tag和link_to数据清除?
- 14. link_to image_tag添加链接
- 15. 与制作的link_to IMAGE_TAG
- 16. Rails 3 link_to generator for:post,:put,&:delete?
- 17. Rails 3:Link_to列表项?
- 18. 的Rails 3的link_to问题
- 19. Rails 3 link_to rake任务
- 20. Rails 3 - vote_fu - link_to投票?
- 21. Rails 3 link_to字符串
- 22. Rails 3 data error with link_to
- 23. Rails 3 link_to部分结构
- 24. Noob Rails 3 link_to问题
- 25. Rails 3.2.7和link_to
- 26. Rails - link_to和button_to
- 27. 的Rails的link_to IMAGE_TAG - 混得点击href值与jQuery
- 28. Rails 4:link_to image_tag与文本 - 如何将CSS应用于文本?
- 29. Rails link_to image_tag适用于Heroku,但不适用于本地
- 30. 添加的link_to与IMAGE_TAG和图像路径都
如果其中一个答案解决了您的困境,请接受它。谢谢! – Tass