link_to छवि टैग। टैग में क्लास कैसे जोड़ें

Question 1

मैं निम्नलिखित की तरह link_to img टैग का उपयोग कर रहा हूं

<%= link_to image_tag("Search.png", :border=>0, :class => 'dock-item'), 
:action => 'search', :controller => 'pages'%><span>Search</span></a>

जिसके परिणामस्वरूप html निम्नलिखित है

<a href="/pages/search"><img alt="Search" border="0" class="dock-item" 
src="/images/Search.png?1264132800" /></a><span>Search</span></a>

मैं चाहता हूं कि वर्ग = "डॉक-आइटम" <a>आईएमजी टैग के बजाय टैग पर जाए।

मेरे द्वारा इसे कैसे बदला जा सकता है?

अपडेट करें:

<%= link_to image_tag("Search.png", :border=>0), :action => 'search', 
:controller => 'pages', :class => 'dock-item' %>

का परिणाम

<a href="/pages/search?class=dock-item"><img alt="Search" border="0" 
src="/images/Search.png?1264132800" /></a>

Question 2

नमस्ते आप ऐसा करने की कोशिश कर सकते हैं

link_to image_tag("Search.png", border: 0), {action: 'search', controller: 'pages'}, {class: 'dock-item'}

या और भी

link_to image_tag("Search.png", border: 0), {action: 'search', controller: 'pages'}, class: 'dock-item'

ध्यान दें कि घुंघराले ब्रेसिज़ की स्थिति बहुत महत्वपूर्ण है, क्योंकि यदि आप उन्हें याद करते हैं, तो रेल मान लेंगे कि वे एक एकल हैश पैरामीटर बनाते हैं ( यहां इसके बारे में और पढ़ें )

और लिंक_ के लिए एपीआई के अनुसार :

link_to(name, options = {}, html_options = nil)

पहला पैरामीटर दिखाया जाने वाला स्ट्रिंग है (या यह एक image_tag भी हो सकता है)
दूसरा लिंक के यूआरएल के लिए पैरामीटर है
अंतिम आइटम HTML टैग, जैसे वर्ग, ऑन्चेंज, आदि घोषित करने के लिए वैकल्पिक पैरामीटर है।

आशा करता हूँ की ये काम करेगा! =)

Question 3

बस यह जोड़कर कि आप link_toविधि को ब्लॉक कर सकते हैं :

<%= link_to href: 'http://www.example.com/' do %>
    <%= image_tag 'happyface.png', width: 136, height: 67, alt: 'a face that is unnervingly happy'%>
<% end %>

का परिणाम:

<a href="/?href=http%3A%2F%2Fhttp://www.example.com/k%2F">
    <img alt="a face that is unnervingly happy" height="67" src="/assets/happyface.png" width="136">
</a>

यह एक जीवन रक्षक रहा है जब डिजाइनर ने मुझे फैंसी सीएसएस 3 रोल-ओवर प्रभाव के साथ जटिल लिंक दिए हैं।

Question 4

सबसे अच्छा होगा:

link_to image_tag("Search.png", :border => 0, :alt => '', :title => ''), pages_search_path, :class => 'dock-item'

Question 5

यह मेरा समाधान है:

<%= link_to root_path do %>
   <%= image_tag "image.jpg", class: "some class here" %>
<% end %>

Question 6

आसान:

<%= link_to image_tag("Search.png", :border=>0), :action => 'search', :controller => 'pages', :class => 'dock-item' %>

Link_to का पहला परम लिंक करने के लिए पाठ / html है ( एक टैग के अंदर )। मापदंडों का अगला सेट url गुण है और लिंक खुद को विशेषता देता है।

Question 7

Http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html के अनुसार, अपने अद्यतन प्रश्न का उत्तर देने के लिए ...

पुराने तर्क शैली का उपयोग करते समय सावधान रहें, क्योंकि अतिरिक्त शाब्दिक हैश की जरूरत है:

  link_to "Articles", { :controller => "articles" }, :id => "news", :class => "article"
  # => <a href="https://stackoverflow.com/articles" class="article" id="news">Articles</a>

हैश को छोड़ना गलत लिंक देता है:

  link_to "WRONG!", :controller => "articles", :id => "news", :class => "article"
  # => <a href="https://stackoverflow.com/articles/index/news?class=article">WRONG!</a>

Question 8

पूरे :action =>, :controller =>बिट है कि मैं एक बहुत चारों ओर देखा है मेरे लिए काम नहीं किया।

खोदने के घंटे बिताए और इस विधि ने निश्चित रूप से मेरे लिए एक लूप में काम किया।

<%=link_to( image_tag(participant.user.profile_pic.url(:small)), user_path(participant.user), :class=>"work") %>

Image_tag के साथ link_to का उपयोग करके पटरियों पर रूबी

इसके अलावा, मैं रेल्स 4 का उपयोग कर रहा हूं।

Question 9

मैंने यह भी कोशिश की, और बहुत अच्छी तरह से काम करता है:

      <%= link_to home_index_path do %>
      <div class='logo-container'>
        <div class='logo'>
          <%= image_tag('bar.ico') %>
        </div>
        <div class='brand' style='font-size: large;'>
          .BAR
        </div>
      </div>
      <% end %>

Question 10

अरे दोस्तों यह लिंक w / छवि का एक अच्छा तरीका है और अगर आप "alt" या "टाइटल" आदि के उदाहरण के लिए css विशेषता के मामले में बहुत सारे प्रॉप्स चाहते हैं तो ..... एक तार्किक प्रतिबंध (?) भी शामिल है।

<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>

उम्मीद है की यह मदद करेगा!

Question 11

<%= link_to root_path do %><%= image_tag("Search.png",:alt=>'Vivek',:title=>'Vivek',:class=>'dock-item')%><%= content_tag(:span, "Search").html_safe%><% end %>

Question 12

आप भी इसे आजमा सकते हैं

<li><%= link_to "", application_welcome_path, class: "navbar-brand metas-logo"    %></li>

जहां "मेटास-लोगो" एक पृष्ठभूमि छवि के साथ एक सीएसएस वर्ग है