キャプションつきのギャラリーを作りたいときが多々あります。

・指定した時間で、自動的に画像やテキストが切り替わる
・サムネイルをクリックしても切り替わる
・切り替わるエフェクトはクロスフェード

JQueryを使用して、この全てを満たすJavascriptを作ってみました。

イメージとしては以下のようなものです。

続きを読む

クリックすると隠れていた部分が表示される、など
onclickイベントを使用したいときに以下のように書くことがあります。

<a href="javascript:void(0);" onclick="alert('クリックされました'); return false;">クリックしてください</a>
<a href="#" onclick="alert('クリックされました'); return false;">クリックしてください</a>

・ステータスバーに#と表示されるのがイヤ
・スマートではない
・href=”"にはリンク先をいれるべきなので、#ではおかしいのではないか

という、上記の記述を避けたいときがあります。

続きを読む

新着ニュースや記事などで、更新から一週間だけ「NEW!」マークをつけたい、
ということが多々あると思います。

方法はいくつかあるのですが、javascriptでわかりやすい方法をご紹介します。

続きを読む

ページ読み込み時に実行するjavascriptは
指定方法がいくつも存在するため、
複雑になりやすく、度々エラーの原因になります。
続きを読む