2016-07-31 8 views
0

フォルダ内の画像をランダムに選択して背景を設定する方法。 私は初心者だけど、これは私のコードです:(私は間違っているなら、私を修正してください) 角度 - フォルダ内の画像をランダムに選択して背景を設定する方法

+0

働いている? – Rayon

+0

imgs []のファイル名を取得するために "..."をどうするかわかりません – Cver

+0

実行可能なデモ/スニペットや[JSFiddle](https://jsfiddle.net/)を共有できますか? [最小限で完全で検証可能な例を作成_](http://stackoverflow.com/help/mcve) – Rayon

答えて

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なので、サーバー側からファイル名を取得してクライアント側に配列を送信する必要があります:

+0

私はちょうどサーバー側がなくても単純なWebページなので、何をすればいいのですか? – Cver

+0

この場合、イメージパスは静的な配列をこのような配列に置く必要があります。 'var img s = ['img1'、 'img2'、 'img3'、.....] ' –

+0

イメージ/バックグラウンドでイメージを変更するたびに、リストを更新する必要がありますか?私は自動的に好きですが、それが良くない場合、私はこの方法で使用します、ありがとう! – Cver

関連する問題