У меня есть тег изображения следующим образом:
<%= image_tag @user.photo.url(:large) %>
Как мне настроить стиль рамки с одной стороны этого изображения в CSS? Какой html будет производить?
У меня есть тег изображения следующим образом:
<%= image_tag @user.photo.url(:large) %>
Как мне настроить стиль рамки с одной стороны этого изображения в CSS? Какой html будет производить?
Добавьте класс или id в свой image_tag:
<%= image_tag @user.photo.url(:large), :class => "style_image" %>
Затем используйте css для его стиля:
.style_image {
border-right: 1px solid #000;
}
с помощью опции "стиль":
<%= image_tag @user.photo.url(:large), :style => "border: 1px solid red" %>
для получения дополнительной информации, пожалуйста, проверьте API.
вы также можете указать встроенный стиль
<%= image_tag @user.photo.url(:large), :style => "float :left;border 1px solid #00000;" %>
Попробуйте.....
Это простой способ сделать это.
<%= image_tag("example.png", :style => 'border-right: 1px solid #000;')%>
Для других, кто сталкивается с этим в Google. Если вы используете тег изображения по-другому, вы можете добавить к нему класс css, но это просто другой синтаксис. Иногда вам нужно использовать внешний сервер. (Развертывание на Heroku? = > Amazon s3)
<%= image_tag("https://s3-us-west-2.amazonaws.com/mybucketname/user_photo.png", class: "style_image") %>
В новых версиях Rails существует "лучший" способ:
<%= image_tag('filename_in_public_folder', alt: 'Description', style: 'display: block; margin: auto; width: 40%;')%>
jquery не меняет изображение. Вот мой 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');
})
})
});