フォルダ内の画像をランダムに選択して背景を設定する方法。 私は初心者だけど、これは私のコードです:(私は間違っているなら、私を修正してください) 角度 - フォルダ内の画像をランダムに選択して背景を設定する方法
0
A
答えて
0
app.directive('randomBackground', function($http){
return function(scope, element, attrs){
$http({method: 'GET', url: 'images/background'}).success(function(data) {
\t console.log(angular.element(data)[11]);
\t var imgs = [];
\t \t \t ...
\t var url = imgs[Math.floor(Math.random()*imgs.length)];
\t element.css({
\t 'background-image': 'url(images/background/'+url+')',
\t 'background-size' : 'cover',
\t 'background-repeat' : 'no-repeat',
\t 'background-attachment' : 'fixed',
\t });
\t \t });
};
});
images/background
からの画像のパスを取得する方法を探しています、これは不可能なanglejsと一般的にクライアント側のjavascriptなので、サーバー側からファイル名を取得してクライアント側に配列を送信する必要があります:
関連する問題
- 1. phpフォルダからランダムに背景画像を設定する
- 2. ランダムに背景画像を設定する
- 3. JavaScriptを使用してHTML背景タイルの画像をランダムに選択
- 4. 角度jsベースのアプリケーションでページの背景に画像を設定する
- 5. jQueryを使用して画像の背景をランダムに設定します。
- 6. Qt Creator、画像を背景画像として設定する方法
- 7. 角度2ロードCSSの背景画像資産フォルダから
- 8. 画像を背景に設定する
- 9. 別の背景画像の背後に背景を設定するには?
- 10. 角度4でsetElementStyleを使用して背景画像を設定する方法
- 11. 角度4のフル画像の背景
- 12. UIButton:画像ビューの背景を設定する(画像を設定しない)
- 13. 背景内のスプライト画像位置のサイズを設定する
- 14. 角度背景画像の変更
- 15. ウェブページのランダム背景画像
- 16. ナビゲーションバーに背景画像を設定する方法は?
- 17. Androidの画像の背景色を設定する方法
- 18. 角度2 ngスタイルと背景画像
- 19. 角度2 - プリロード背景画像?
- 20. androidダイアログボックス - 背景画像の不透明度を設定する
- 21. jQuery CSSが背景に背景画像を設定した後:
- 22. 背景画像を設定する
- 23. Xamarin.Forms:NavigationPageバーの背景画像を設定する方法
- 24. 単一の背景画像を設定する方法
- 25. 画像を選択してアバターを設定する方法
- 26. html css - 画像選択の背景色
- 27. 選択ボックスの背景画像
- 28. ランダム背景画像ボタン?
- 29. 背景にランダムな画像を作る方法
- 30. JPanelの背景として画像を設定するには
働いている? – Rayon
imgs []のファイル名を取得するために "..."をどうするかわかりません – Cver
実行可能なデモ/スニペットや[JSFiddle](https://jsfiddle.net/)を共有できますか? [最小限で完全で検証可能な例を作成_](http://stackoverflow.com/help/mcve) – Rayon