【jQuery】ちょっと高機能、でもHTMLはシンプルな画像のスライドギャラリー
- 2012年03月21日
- Javascript, プログラミング
- jQuery, スライドショー, ダム
今やjQueryのスライドコンテンツ用プラグインは星の数程あります。
今回は「Coda-Slider」というプラグインを使って画像のスライドショーを作ります。
特徴として、jQuery Easing Pluginを使用するので動きがスムーズな点とタブコンテンツを実装できる点があります。
【jQuery】クロスフェード処理で切り替わるシンプルな画像ギャラリー
- 2012年03月29日
- Javascript, プログラミング
- jQuery, スライドショー, ダム
画像がフェードイン・フェードアウトで切り替わるだけの、シンプルなギャラリーです。
Javascriptがなるべく短くて、設置が簡単にできて、HTMLがすっきりしていて、CSSを書かなくてもいいものが欲しくて作ってみました。
【Googleマップ】Google maps APIを使って地点の座標を取得するサンプル
以前APIを使ってGoogleマップの静止画像を生成する方法を書きましたが、画像作成時に座標を数値で入力する必要があるので、座標をサクッと取得するサンプルも作ってみました。
【jQuery】トランプをシャッフルするように画像をめくって切り替えれるギャラリー
- 2012年04月28日
- Javascript, プログラミング
- jQuery, スライドショー, ダム
画像をクリックするとトランプのカードをシャッフルする時のように画像を入れ替えます。ちょっと変わった画像の切り替えをしたい時にいいと思います。iPhone、iPadでも動作します。
【jQuery】背景画像を画面いっぱいでスライドショーさせる方法
- 2012年07月05日
- Javascript, プログラミング
- jQuery, スライドショー, ダム
ウインドウサイズに応じて画面いっぱいに伸縮する背景画像をスライドショーで表示するjQueryプラグインです。オプションも豊富なプラグインですが、シンプルな設置方法を紹介します。