Ho un tag di immagine come segue:Come per lo stile un tag immagine in Ruby on Rails
<%= image_tag @user.photo.url(:large) %>
Come potrei lo stile di un colore del bordo per un lato di quell'immagine in CSS? Che cosa produrrebbe l'html?
Ho un tag di immagine come segue:Come per lo stile un tag immagine in Ruby on Rails
<%= image_tag @user.photo.url(:large) %>
Come potrei lo stile di un colore del bordo per un lato di quell'immagine in CSS? Che cosa produrrebbe l'html?
Aggiungere una classe o un ID al tuo image_tag:
<%= image_tag @user.photo.url(:large), :class => "style_image" %>
Poi usare i CSS per lo stile che:
.style_image {
border-right: 1px solid #000;
}
utilizzando l'opzione "stile":
<%= image_tag @user.photo.url(:large), :style => "border: 1px solid red" %>
per ulteriori informazioni, si prega di controllare l'API.
si può anche dare stile in linea così
<%= image_tag @user.photo.url(:large), :style => "float :left;border 1px solid #00000;" %>
Provatelo .....
Per gli altri che vengono in questo su Google. Se si utilizza un tag immagine in un modo diverso, è comunque possibile aggiungere la classe CSS ad esso, ma è solo una sintassi diversa. A volte è necessario utilizzare un server esterno. (Distribuzione su Heroku? => Amazon s3)
<%= image_tag("https://s3-us-west-2.amazonaws.com/mybucketname/user_photo.png", class: "style_image") %>
Questo è un modo semplice per farlo.
<%= image_tag("example.png", :style => 'border-right: 1px solid #000;')%>
Grazie, avevo bisogno di questo per inviare un'immagine in stile in una e-mail. – saadlulu
jquery non sta cambiando l'immagine. Ecco il mio script
$(document).ready(function() {
$('img').click(function(e) {
var newclass = $(this).attr("id");
var oldclass = $("product_image_container_show image-center").attr('Class');
$("#product_image_container_show image-center").fadeOut(function(){
$("#product_image_container_show image-center").removeClass(oldclass).addClass(newclass).fadeIn('slow');
})
})
});
Nelle versioni più recenti di Rails, c'è un modo "migliore":
<%= image_tag('filename_in_public_folder', alt: 'Description', style: 'display: block; margin: auto; width: 40%;')%>
simile a http://stackoverflow.com/questions/10136487/how-to-style-buttons-in-ruby- on-rails/10136528 # 10136528 – Vik