2016-05-29 9 views
0

私は私のウェブサイトのためのスライダーを作るには、私は、CSSファイル内の3枚の画像を作るPHPファイルをCSSファイルにしますか?

コード:

.banner1{ 
 
\t background:url(../images/bnr1.png) no-repeat 0px 0px; 
 
\t background-size:cover; 
 
\t min-height:650px; 
 
} 
 
.banner2{ 
 
\t background:url(../images/bnr2.jpg) no-repeat 0px 0px; 
 
\t background-size:cover; 
 
\t min-height:650px; 
 
} 
 
.banner3{ 
 
\t background:url(../images/bnr3.jpg) no-repeat 0px 0px; 
 
\t background-size:cover; 
 
\t min-height:650px; 
 
}

が、私は、データベースからの最後の3つのポストを取るとしたいですそれらのスライダーで

だから、PHPファイルをCSSファイルにする方法はありますか?

+1

はい、それはCSSファイルをbeeingて作ることは技術的に可能ですphpとしてonterpretedを解析しましたが、そうすることをお勧めしません。私には[XY問題](http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem)のように見えます。あなたはorininalyが達成しようとしていることをもっと説明できますか? – Jeff

+0

画像の配列を渡すことができる別のスライダーコードコードを使用してください。コードはそれを受け入れてからすべてを繰り返します。 – user3791372

答えて

1

あなたがそうのようなスタイルのタグに直接それらをエコーするために、より良い新しいの.cssファイルへのファイル参照を記述したいとは思わないでしょう。

</php 
//PHP CODE 
?> 

<head> 
<style> 
    .banner1{ 
    background:url(<?php echo //FILE REFERENCE 1 ?>) no-repeat 0px 0px; 
    background-size:cover; 
    min-height:650px; 
} 
.banner2{ 
    background:url(<?php echo //FILE REFERENCE 2 ?>) no-repeat 0px 0px; 
    background-size:cover; 
    min-height:650px; 
} 
.banner3{ 
    background:url(<?php echo //FILE REFERENCE 3 ?>) no-repeat 0px 0px; 
    background-size:cover; 
    min-height:650px; 
} 
</head> 
</style> 

<?php 

//MORE CODE 
+0

これはうまくいくでしょうが、そのようなことをする非常に古風な方法です。理由のために。できるだけデータとロジックからデザインを分離してください。 – Jeff

+0

インラインCSSは古くなっていますか? – billynoah

+0

これは素晴らしいアプローチではなく、私の答えはできるだけ質問に直接答えることを意図していました。私の経験では、この問題の最も一般的なアプローチは、ターゲット要素のstyle属性に直接background-imageプロパティを注入することです。 –

関連する問題