如何在我的公共/ 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