jQuery

コピペで実装!jQueryで作る高機能スライドショー

前回の記事ではスライドごとにフェードイン,フェードアウトを繰り返すだけのスライドショーを作りました.これでも,スライドショーとしては機能するのですが,なにか物足りないですよね?前後のスライドに進むボタンや,現在のスライドの位置,一定時間ごとの自動スライド等があった方がおしゃれで,機能的ですよね.今回は高機能なスライドショーを作っていきます.

続きを読む

簡単!jQueryで作るシンプルなスライドショー

Webサイトで最も目を引くところといえば,スライドショーではないでしょうか.企業や飲食,教育等のHPには必ずと言っていいほどスライドショーがあります.スライドショーはページの最上部に配置され,とても目を引くコンテンツです.今回はそのスライドショーを超簡単に作って行きます.超簡単なスライドショーなので,実装する機能は,一定経過時間ごとに画像が変わる機能のみとします.

続きを読む

jQueryとSCSSで画像にキャプションをつける

この記事ではjQueryとCSSで画像にキャプションをつけるためのコードを解説します.HTML上に配置された画像にマウスオーバーした時に,画像のキャプションが表示されるアニメーションをつけていきます.CSSだけでも可能な処理ですが,jQueryを使用してアニメーションをつける方がコードもすっきりと収まります.CSSはその書き方の特性上,かなり読みにくくなってしまいます.「:hover」や「:active」でアニメーションをつけても問題はないですが,アニメーションはjQueryでつける方がいいでしょう.

続きを読む