作ったJavaScript(関数)を呼び出して表示する
最後に、前ページで作成したJavaScriptを使って、「今日のおすすめ」欄を表示させましょう。 HTML内で「今日のおすすめ」欄を表示させたい位置に、下記のソースを記述します。 (ページ内にいくつでも書けます。)
<script type="text/javascript"><!--
DailyImageLink();
// --></script>
DailyImageLink();
// --></script>
上記のソースに続けて、以下のような感じで「JavaScriptが使えない環境で閲覧された場合」用の記述も加えておきましょう。
<noscript>
<p><a href="list.html">お勧めリストへ</a></p>
</noscript>
<p><a href="list.html">お勧めリストへ</a></p>
</noscript>
noscript要素の内容は、スクリプトが実行できない環境でのみ表示されます。 上記では、お勧めしたいページのリストを記述した「list.html」というページがあるとして、そこへのリンクを表示させています。 スクリプトが実行できなくても、望みのページへ誘導できる(もしくは望みの画像が表示できる)ように書いておきましょう。
ソースのまとめと装飾
これで、「今日のおすすめ」欄を作る作業は完了です。
次のページに、すべてのソースをまとめて掲載しておきます。コピー&ペーストして使ってみる際などにご活用下さい。