Raylar 4 - dinamik arka plan resmi

Question

Dinamik arka plan görüntüsü kullanarak raylar 4 uygulaması yapmaya çalışıyorum.

SO üzerinde birkaç ileti okudum, css dosyasındaki nesneyi önbelleğe almadığı için tanımlamamanın en iyisi olduğunu söylüyorum. Gösteri sayfamda şu şekilde tanımlamaya çalıştım - ancak hiçbir şey yapılmıyor. Ben kod denetiminde elemanı teftiş çalıştığınızda

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.url if @profile.user.avatar? %>);' }>&nbsp;</div> 

, görebiliyorum:

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url();" }="">&nbsp;</div> 

kimse görüyor mu

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.path if @profile.user.avatar? %>);' }>&nbsp;</div> 

Ben de (url yolunu takas) denedi Ne yaptım yanlış? eğer çalışırsa

Answer 1

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url(<%= image_tag @profile.user.avatar.url if @profile.user.avatar.file? %>);">&nbsp;</div>

bu deneyin.

<div id="profile-photo" style="background-image: url(/assets/<%= @user.image.url(:thumb) %>)"> 

değiştirin background images with carreirwave

Answer 2

Bu çalışması gerekir arkadaşı:

Düzenleme

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url(<%= image_tag @profile.user.avatar.url if @profile.user.avatar? %>);">&nbsp;</div>

sana yardım gerektiğini buldum

dosyası olmadan Deneyin kendi URL'nizle ve image_tag kullanmazsınız, çünkü sadece URL'yi bir görüntü değil.