HTMLページ内のページの読み込みの内容が異なります

Question

各ページの読み込み時にdiv内に異なる内容（基本的には<img>と<a>）を読み込む方法を見つけようとしています。

多くのサイトでは、定義された間隔やページの負荷で異なるコンテンツを読み込む「動的」または「回転」バナーを使用しているので、これは可能です。任意の助け

多くの感謝:)

Answer 1

私はランダムなものを選択するMath.random()を使用して、その後、画像やリンクのURLを含むオブジェクトの配列を作成することによってこれを行うだろう。

var banners = [ 
    { img: '/images/1.png', a: 'page1.htm'}, 
    { img: '/images/2.png', a: 'page2.htm'}, 
    { img: '/images/3.png', a: 'page3.htm'}, 
    { img: '/images/4.png', a: 'page4.htm'}, 
    { img: '/images/5.png', a: 'page5.htm'}, 
    { img: '/images/6.png', a: 'page6.htm'} 
]; 
var banner = banners[Math.floor(Math.random() * banners.length)]; 
document.write('<a href="' + banner.a + '"><img src="' + banner.img + '"></a>'); 

これよりも複雑なものがほしいかもしれませんが、これは出発点になるはずです。

Answer 2

http://plugins.jquery.com/plugin-tags/random-image