2016-06-06 11 views
0

Ich versuche, auf eines der Bilder in meinem Bootstrap Karussell klicken und es zu einer anderen Seite auf meiner Website umleiten. Leider bekomme ich immer Fehler.Machen Sie Schienen Karussell Bild ein Hyperlink

Hier ist die html/erb

Dieser Code funktioniert nicht!

<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> 

Ich bin etwas ähnliches mit dem Logo in der Navigationsleiste zu tun, und das funktioniert gut .. Hier ist der Code für die

Dieser Code funktioniert einwandfrei

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

Schließlich ist hier der Fehler, den ich mit dem Code für die Karussell bekommen l.

/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 
+0

Ich werde provokativ sein und empfehlen, dass Sie kein Karussell als UI-Element verwenden: http://shouldiuseacarousel.com/ –

+0

leider nicht meine Entscheidung. Ich bin nur dafür verantwortlich, dass es funktioniert – ncrouch25

+0

dann haben Sie meine volle Sympathie Herr/Frau. –

Antwort

2

können Sie diese versuchen

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

aber bitte prüfen, ob ein Bild gibt es existieren.

+0

Der Code für die Navbar funktioniert gut, es ist der oberste Block von Code, den ich habe, der mir Probleme gibt, und ich bin mir nicht sicher, warum – ncrouch25

+0

@ ncrouch25: aktualisiert –

+0

Ah! Danke, das hat wunderbar funktioniert. – ncrouch25

Verwandte Themen