画像をランダム

-2

<html> 
<body> 
<script> 

var images_src = ["PrizeImage-1","PrizeImage-2","PrizeImage-3",]; 
var links = ["Participate1","Participate2","Participate3","Participate4",]; 

</script> 
<a href="random_link" ><img src='random_img' alt='image'></a> 
</body> 
</html>

どのように私はあなたがランダムな値での画像やリンクを設定したい場合はこのようにそれを行うことができます画像をランダム

出典

2016-05-20 Ehsan Qureshi

達成しようとしていることと試したことをより具体的に説明する必要があります。 – Blue

私は単一のHTMLページを持っており、画像とリンクの手がかりがあります。私は単一のHTMLページでランダムなリンクでランダムな画像を表示したい –

jsonからのリンクはページ上の配列変数にありますか？それらは1つの巨大な文字列ですか？イメージタグは既に存在していますか、どのCSSがそれらにありますか？このマッピングをいつ行うのですか？ユーザーはそれを変更できますか？どのようなJavaScriptを試してみましたか？そしてそれはあなたが提供する必要がある詳細のちょうど始まりです、そうでなければあなたの質問はあいまいでスタックのガイドラインに対してです。 – Blue

単一のHTMLページにランダムなイメージを持つランダムリンクを呼び出すことができます。

HTML

<a href="random_link" id="linkEl"><img id='imgEl' src='random_img' alt='image'></a>

JAVASCRIPT

var Links = ["Link1" , "Link2" , "Link3" , "Link4"]; 
var images_src = ["Image1" , "Image3" , "Image3" , "Image4"]; 

var randomLink = Links[parseInt(Math.random()*Links.length)]; //Get random link (with random number from 0 to the link array's length 
var randomImage= images_src[parseInt(Math.random()*images_src.length)];//Get random image 
var linkEl = document.getElementById('linkEl'); //Get link element 
var imgEl = document.getElementById('imgEl'); //Get image eement 

linkEl.href = randomLink; //Set the link 
imgEl.src = randomImage; //Set the image

もっと機能を発揮するには、より詳細な情報を提供する必要がありますが、うまくいくでしょう。

--- EDIT ---

、複数の画像のコードを再利用する機能に

var Links = ["Link1" , "Link2" , "Link3" , "Link4"]; 
var images_src = ["Image1" , "Image3" , "Image3" , "Image4"]; 

function fillRandom(imageId, linkId) { 
    var randomLink = Links[parseInt(Math.random()*Links.length)]; //Get random link (with random number from 0 to the link array's length 
    var randomImage= images_src[parseInt(Math.random()*images_src.length)];//Get random image 
    var linkEl = document.getElementById(linkId); //Get link element 
    var imgEl = document.getElementById(imageId); //Get image eement 

    linkEl.href = randomLink; //Set the link 
    imgEl.src = randomImage; //Set the image 
}

それを配置し、画像のように何回としての機能を呼び出すためにあなたは次のものを持っています：

fillRandom('imageId', 'linkId'); 
fillRandom('secondImageId', 'secondLinkId');

出典

2016-05-20 22:55:19

' ' イメージソースは外部リンクですだけでなく、リンクも外部リンク –

あなたは、外部とはどういう意味ですかですか？私が提示した解決策は、配列からランダムなイメージとリンクを選択します。別のソースがある場合は、最初に配列に変換して上記のソリューションを使用するか、外部ソースの具体的なケースに関する詳細情報を提供してください。 –

私の質問を更新してください再チェックしてください、私を案内してください –

答えて

関連する問題