SlidingGallery.jsの実装メモ（jQuery）

SlidingGallery（http://www.meadmiracle.com/SlidingGallery.aspx）
を実装した際の躓きをメモ。 

■class="start"をimgの内一つに書かないと、スライドが始まらない。
■"portrait"(横向き画像）の宣言はclass="portrait"ではなくlayout="portrait" !!(これでしばし悩んだ。。）

■あと、躓きではないが、
$('div.gallery img')
.slidingGallery({ container: $('div.gallery'),
'slideSpeed':'slow',
'Pshrink':shrinkFunc,'Lshrink':shrinkFunc,
'Pzoom':zoomFunc,'Lzoom':zoomFunc });
のように、オプションを色々書ける。
 面白や。

shrinkFunk,zoomFuncの変数は、先に宣言。(本家サイト参考。）
        var zoomFunc = function(dimension) {
            return dimension * 1.5;
        }
        var shrinkFunc = function(dimension) {
            return dimension * 0.5;
        }

containarオプション選択時は、
div.gallery{top:100px; left:0px; width:900px; height:500px;z-index:1000;}
みたいなことを適当に書くべし。

以上です。

Beauty tipsで表示崩れ。（きっと自分のCSSミス）

Beauty tipsが、IE8,Chrome上ではOKなのですが、IE6,Firefox3.6上ではなぜかツールチップがずれます。。

DEMOを各ブラウザで見ると崩れていないので、
自分の実装がおかしいんだな、と。。

CSSでおそらく何か変な書き方をしているか、
競合しているのかな、と。。

要対策なり。

■追記（トラブル解消記）：
やはりBeauty tipsの表示崩れの問題は、
制作途中のページ群のCSSで、
ネガティブマージンや、bodyにtext-align:center等を指定していたのが問題だったと判明。
それらをきれいにしたら、無事直りました。

自分の問題だった。

bodyなどにざっくり大胆なCSSを設定するのはやはり避けた方がいいですね。

beauty tips のIE8上でのエラー、回避。

前の記事で書いた、beauty tipsのIE8上でのエラー回避ができましたのでメモ。

対策が
http://plugins.jquery.com/node/8716#comment-4709に書いてありました。
ありがたや。
（自分の環境だけでなく、一般的なエラーだったようです。jQuery本体との絡みもあったようで。）

ともあれ、

非圧縮版の722行目あたりで、
this.btOff = function() {

var box = $(this).data('bt-box');
の次に、
if (typeof box == 'undefined') {
return;
}
を加えたら、OKに。

これでエラー表示なく行けそうです。。。

IE上にて、tooltip使用時のエラー。。

（■以下の文章に関する追記です：自分の環境では、以下の文章のエラーは回避されました。回避メモはこちらに。）

自分の環境で、IE8にて、unitipやBeautyTipsなどを使っていると、エラーが出力されます。。
(話題と関係ないですが、unitipsで使われる透過PNG対策js、いい感じです。）

（バージョンは、beauty tipsが0.9.5-rc1、jQueryが1.3.2です。unitipはなんだっけな。。）

どうも、
'this[...].style' は Null またはオブジェクトではありません。
といったエラーや、(beautyTips使用時,jquery132の3838行目に関して）
エラーメッセージ: 'document.getElementById(...)' は Null またはオブジェクトではありません。
といったエラー（Unitip使用時、unitip.jsの確か200行目以下あたり。。）
がでます。

悩ましい。

いろいろやってみると、
まだtipが表示されているところにmouseoverになるとエラーとなるようだ、と分かってきました。

が、jsに関して初学者なので、対処がまだよく分かりません。

実運用に移行するためにも、このエラーは克服せねば。。

Chrome,FFでは問題ないのですが。。
ま、自分の実装の仕方がまずいのかな。。

■追記：qtipなら大丈夫だったのですが、自動的にウインドウサイズを把握して、左右や上下にチップが移動してくれないので、今回はやはりbeautytipsあたりを使いたいところです。
頑張ろう、自分。

■追記２：Beauty tipに関してはエラー回避方法が分かったので、http://learnaboutjs.blogspot.com/2010/05/beauty-tips-ie8.html
にメモしておきました。