jQueryを利用してドック型のメニューに関して

質問

始めまして。
現在、サイトを作成中なのですが、
グローバルメニューをjQueryのiconDockプラグインを
利用してたjQueryのiconDockプラグインを利用してドック型のメニューを考えています。

横幅を固定したドック型のメニューはどの様にすれば可能でしょうか。
通常は該当アイコンが拡大した時、左右（上下）にメニューエリアが拡がってしまいますが、それを800px内で行いたいのです。

何卒宜しくお願いします。

回答No.2

yyr446

iconDockだと無理です。要はそのマウスオーバーした時、位置でアイコンがアニメーション敵にビューとサイズが大きくなり、マウスアウトでビューと小さくなると。その時の位置も指定したいのですよね。

iconDockを改造するより、同じくjQueryのUI 「toggleClass」
http://jqueryui.com/demos/toggleClass/
というのを使って、作った方がてっとり早いです。
「toggleClass」はDOM要素のCSSクラスをイベントでduration(スピード)指定
して切り替える事が出来ます。小さい時と大きい時のCSS定義を作っておいて
マウスイン　小-＞大　のクラス切り替え
マウスアウト　大-＞小　のクラス切り替え
を行えば出来ると思います。
CSSは、おわかりになりますか？

回答No.1

yyr446

http://icon.cat/wiki/IconDock_En
の事ですよね。
大きさの自動調整の機能は無いみたいです。
iconMinSide とiconMaxSideで各アイコンの最小pxと最大pxを
指定するようだから、メニューが最大になった時、800px以内に
おさまるようiconMaxSideの値を調整しておくしかないのでは。

補足

ご回答有難うございます。
まさしく、ご指摘のとうりなのですが・・・
私の問いに肝心な部分が欠落しておりました。
アイコンがデフォルトの時に真下にそのアイコンと対となる
画像を配置しております。
人が5人横並びに整列している画像です。
各人の頭上にアイコンを配置しドックメニューにしたいので、
拡大するアイコン以外は左右に移動できないように保つように
設定したいと思っております。
何卒宜しくお願いします。