2017-03-15 22 views
0

表の値をstyle.cssファイルに渡すことは可能ですか?私は背景画像dynmicallayである表紙イメージを変更したいのですか?laravel 5.4のCSSファイルにDB値を渡す方法

私は、その完璧な仕事を内部CSSで次のコードを試してみました..しかし、私は外部CSSにそれをしたいです。

<style> 
 
    .timeline-cover{ 
 
     background: url('<?php if (isset($userinfo[0]['cover'])) { echo url('images/users/'. $userinfo[0]['cover']);} else { echo url('images/cover/1.jpg');}?>') no-repeat; 
 
     background-position: center; 
 
     background-size: cover; 
 
    } 
 
</style>
<div class="timeline-cover"></div>

+0

これは日付がついていますので、回答を選択してください – Datadimension

答えて

-1

あなたは2つの、私はあなたが2つのcssファイルを持ってお勧め外部ファイル、主要なスタイリングを持つパーマネント1及び動的に書かれた第二を持っていなければならない場合、この

$('.timeline-cover').append("<style>"+ 
     ".timeline-cover"+ 
     "{"+ 
      "background: url('<?php if (isset($userinfo[0]['cover'])) { echo url('images/users/'. $userinfo[0]['cover']);} else { echo url('images/cover/1.jpg');}?>') no-repeat;"+ 
      "background-position: center;"+ 
      " background-size: cover;"+ 
     "}"+ 
    "</style>"); 
+0

これはjqueryを使って直接書き込むことができるマークアップを作成します。現在のマークアップを作成するだけなので、何も変更されていませんか? – Datadimension

+0

これはかなり古いです - おそらく答えを選択するか、正解ではない理由をアドバイスしてください – Datadimension

0

を試してみてくださいコントローラでビューを呼び出す前に、上書きするか、または前者で定義されたcssクラスに追加します。 しかし、あなたは常にファイルに書いているので、これは最も効率的ではありません。

は永久スタイルシート持ってお勧め:

.timeline-cover{ 
    background-position: center; 
    background-size: cover; 
} 

を、あなたが表示されているように、コントローラは、コントローラに必要なロジックに応じて、$のBGU変数を作成してあります。

.timeline-cover{ 
    background: url('<?php echo $bgu ?>') no-repeat; 
} 
関連する問題