画像リンクをランダムに表示する

画像リンクをランダムに表示する

ページをリロードするたびに登録してあるリンクが切り替わるランダムリンクを紹介します。

紹介しているリンクのタイプは複数表示できるランダムリンクとサイドバーなどで使えるランダムリンクです。上手く利用すると色んな使い方が出来ると思います。

複数表示できるランダムリンク

下記は画像サンプルです。下記画像のような表示になり複数のリンクがランダムに入れ替わります。

randamlink5

この複数表示できるランダムリンクはjsファイルと画像、それに対するcssファイルで表示してあります。各ファイルをダウンロードして必要な箇所を書き換えお使い下さい。

cssファイルに関しては2種類に対して記入してありますので必要な箇所だけ使いサイトに合わせて変更してください。

サイドバーなどで使えるランダムリンク

下記は画像サンプルです。下記画像のような表示になりサイドバーなどに使えるランダムリンクになります。

randamlink1

この複数表示できるランダムリンクはjsファイルと画像、それに対するcssファイルで表示してあります。各ファイルをダウンロードして必要な箇所を書き換えお使い下さい。

cssファイルに関しては2種類に対して記入してありますので必要な箇所だけ使いサイトに合わせて変更してください。

最終更新日: 2013年3月13日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

画像リンクをランダムに表示するの関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*