2007年11月14日

2007 11.14 Wed


いろいろ方法があるので、いろいろ紹介。

1つの画像リンクをランダム表示

複数の画像リンクをランダムで1つだけ表示。
シンプルでさりげない演出に使える。
 更新。

<body>〜</body>の間に書き込んで下さい。


補足説明
ranimg[0]の画像にranurl[0]のリンクが貼られますので、
貼りたい画像とURL内の[ ]の数字を合わせて下さい。
リンク数を増やしたい場合はranimg と ranurl の両方を[最後の数字+1]で増やして下さい。例えば最後がそれぞれ
ranimg[4]とranurl[4]だったら、次はranimg[5] 、ranurl[5] って感じに。



複数の画像リンクをランダム表示

準備するリンク用画像は8個程度。もちろん任意変更可。
表示されるリンク用画像が4つくらい縦に並ぶ。任意変更可。
リンク用画像の下には説明文を表示。不要なら該当個所を削除。
それぞれの画像がそれぞれ任意のURLにリンク。
リンク用画像が同一画面でかぶらない。

以下はJavaScriptのサンプル。

・drawLink関数
・第一引数:表示対象要素
・第二引数:表示画像数

表示させたいページのonloadイベントで呼び出し。

dataAryのメンバを増減する際は「,」の整合性に注意。(最後は不要)

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/66513998
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.