JavaScript + Ajax 実践サンプル集 - jQueryのPanel Gallery 2.0プラグインでイメージをアニメーション化して切り替える

jQueryのPanel Gallery 2.0プラグインでイメージをアニメーション化して切り替える

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryの Panel Gallery 2.0プラグインを利用してイメージをアニメーション化して切り替えます。このサンプルは、プラグインのデフォルトの設定を利用しています。プラグインのオプションを指定するとアニメーションをカスタマイズすることができます。

このサンプルを編集して試してみる

このサンプルの詳細は、ここを参照してください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>jQuery Panel Gallery Plugin 2.0 DEMO</title>
 <link href="jQuery/panelGallery20/style.css" rel="stylesheet" type="text/css" />
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 <script src="jQuery/panelGallery20/jquery.panelgallery-2.0.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function () {
    $('#flowers').panelGallery();
  });
 </script>
</head>

</body>
</html>

コメント・提案の投稿！

名前
メール
件名
本文

JavaScript + Ajax 実践サンプル集 (1530本以上)　◇編集して実行可能◇

jQueryを使い倒せ!　jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... »»jQueryテンプレート42選!

jQueryのPanel Gallery 2.0プラグインでイメージをアニメーション化して切り替える

JavaScript + Ajax 実践サンプル集 (1530本以上) ◇編集して実行可能◇

jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... »»jQueryテンプレート42選!

jQueryのPanel Gallery 2.0プラグインでイメージをアニメーション化して切り替える

JavaScript + Ajax 実践サンプル集 (1530本以上)　◇編集して実行可能◇

jQueryを使い倒せ!　jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... »»jQueryテンプレート42選!