如何在Ruby on Rails中设置图片标签

我有一个图像标签,如下所示:

<%= image_tag @user.photo.url(:large) %> 

我怎样才能边框颜色样式在CSS中的一侧? 什么html会产生?

添加一个类或ID到你的image_tag:

 <%= image_tag @user.photo.url(:large), :class => "style_image" %> 

然后使用CSS来devise它:

 .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不会改变图像。 这是我的脚本

 $(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'); }) }) 

});