2016-07-15 5 views
-1

から異なる画像を取得し、例えば1つのURL

http://placeimg.com/640/480/people

は1つのURLです。ページをリロードすると、新しいイメージが表示されます。私のウェブサイトは、背景画像を持っている、と私はそれが2枚の画像のランダムな画像になりたい:

http://bit.do/bgimage1

http://bit.do/bgimage2

どのように私はこれを達成することができますか?そして、CSSのイメージの呼び出し。

+0

。スタックオーバーフローはコードを書くサービスではありません。私はあなたがGoogleを介して、またはSOを検索することによって、いくつかの追加の研究を行い、試してみることを提案します。それでも問題が解決しない場合は、**あなたのコード**に戻って、あなたが試したこととそれがうまくいかなかった理由を説明してください。 –

+0

あなたがリンクしたコードは、動作するように見えますが、実際には 'background-image' CSSを設定していないので、' href'を設定しています。彼らが生成しているランダムな画像のURLも存在しません。 –

答えて

1

し、容器にonloadイベントを追加します(例<body onLoad='setRandomImg()'>

+0

私はこのエラーが発生します: "割り当てに左手が無効です" – Alex

+0

ありがとう! – Alex

0

コードの中にランダムを作成し、それを使って画像を動的に生成することができます。 Javascript/Jqueryを使用するのがより良い方法だと思います。それは、自分自身のためにこれをコーディングするためにあなたは、少なくとも試みていることが予想されるjavascriptの

function setRandomImg(){ 
var items = ['url','url'] 
var item = items[Math.floor(Math.random()*items.length)]; 
document.getElementById(id-of-your-body/container).style.background-image='url('+item+')' 
} 

+0

**これは本当にコメントであり、答えではありません。**コメントを残すにはまだ十分な評判がないかもしれないが、回答システムを代わりに使用しないでください。評判を得ることはかなり簡単で、あなたのためにわずかな労力しか必要としません。ありがとう! –