うまくいけば、これはあまり複雑ではありません。設定された間隔で画像を更新するために使用される 1 行のコードがあります。これはうまくいきます。このコード行を繰り返して、それぞれの一意の名前を変更し、各ページで複数の画像を取得して更新することができます。私がやりたいのは、ページの上部にリストまたは配列を配置し、そこに画像の場所を設定し、そこに各画像のタイトルを設定することです。画像を変更するときに切り取りと貼り付けを試みる大量のコードを漁るよりも、はるかに簡単になります。
私が使用するコード行は次のとおりです。
<img src="http://somewhere.com/picture1.jpg" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'somewhere.com/picture1.jpg?\'+new Date().getMilliseconds()', 15000)" />
次の効果のために、javascript 配列 (または CSS かな?) を使用して上部で何かをしたいと思います。
Array:
image1= somewhere.com/picture1.jpg
image2= somewhere.com/picture2.jpg
title1= "Picture of someplace Fun"
title2= "Picture of someplace Hot"
そして、私のコードの下でそれらを呼び出します：
<display text from 'title1'>
<img src="image1" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'image1?\'+new Date().getMilliseconds()', 15000)" />
<display text from 'title2'>
<img src="image2" id="refresh2" onload="setTimeout('document.getElementById(\'refresh2\').src=\'image2?\'+new Date().getMilliseconds()', 15000)" />
ご覧のとおり、私はテーブルや配列からの呼び出しについてあまり知りません!