プログラミング-javascript今回小さなサムネイルを敷き詰めて、マウスオーバーしたら大きく見せるためにjQueryプラグインを導入しました。このMac風Dockを実現するプラグインはいくつかありますが、今回はjqDockを利用しました。/></div>かなり適当ですが・・・jQueryでDockにする対象のオブジェクト(上記では"div#dock")に対して、jqDockファンクションを用いて設定します。オプションは何も指定しなければデフォルト値で作成されます。初期状態(マウスオーバーしていない状態)での画像表示サイズ。縦or横のどちらかをpx指定しているのだと思う・・・すみませんちゃんと調べてませんm(__)m・coefficient,distance,durationなどは並べた画像の距離感やマウスオーバー具合についてのオプション。詳細は公式サイトを参照。・sourceについてはよくわかりません、ゴメンナサイ。その他注意として、マウスオーバーした際は元の画像サイズにまで拡大するらしい。元画像以上のサイズに伸ばせないし、それぞれの画像間でサイズを統一したい場合には元画像を同じサイズにしておく必要があります。はてなブログPro学んだ技術まとめるはずが、仙台のことや日常のことを綴っているブログ。(1)スポンサーリンクはてなブログをはじめよう!WorldWorldWorldさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。