JavaScriptのイメージギャラリー 【Part2】 （jQuery版）
2012年02月01日 16:27
てことで（←なにが？）、今日から２月ですね！１ヶ月たつの早っ！！！
いま、悩み中なんです・・・人生における一大決心をしようか、どうか・・・。いちおう、今年のリミットまであと2ヶ月あるので、少し悩んで結論をだします。
ども、いろいろと模索中のスタッフのコダマです。
前回、「ショッピングサイトなどで使える、JavaScriptのイメージギャラリー」の記事でご紹介しましたスクリプトを改造してみました。
「Webクリエイター養成科」の受講生にも「実習の時間が余ったら、やってね！」って言ってた実習課題ですが、誰一人としてやってなかった・・・授業中に時間がなかったら家でやってきて、「先生！見て！やってきたよ！！」くらいのアピールと根性を見せてほしいものですね。
で、一応、解答のような感じですが、jQueryを使って、ギャラリーのサムネイル画像をクリックしたときにメインの画像がフェードイン・フェードアウトで入れ替わるような感じのスクリプトを作成しました。
フェードアウトしている間に次の画像がフェードインしてくるような、クロスフェード効果にするにはソースが複雑になりそうだったので、やめました。今回は、前の画像が完全にフェードアウトしたら、次の画像がフェードインしてくるというものです。
では、サンプルを見てみましょう。
（※サンプルを見るには【記事の続きを読む】をクリック）
