У меня есть ситуация, когда на основе переменной @page_name
отображается другое фоновое изображение. Мне кажется, что я мог бы сделать что-то вроде этого в HTML:
<div class="jumbotron" style="background-image: url(<%= asset_path "Jumbotron/#{@page_name}.gif" %>)">
Что было бы DRYest, или я мог бы использовать файл CSS и сделать что-то вроде этого:
<div class="jumbotron <%= @page_name %>">
.jumbotron.home {
background-image: url(<%= asset_path "Jumbotron/home.gif" %>);
}
.jumbotron.outdoors {
background-image: url(<%= asset_path "Jumbotron/outdoors.gif" %>);
}
.jumbotron.snowsports {
background-image: url(<%= asset_path "Jumbotron/snowsports.gif" %>);
}
Что бы разделяло проблемы, но меньше СУХОГО.
Есть мысли, что лучше? Например, с точки зрения скорости и производительности?