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;}
みたいなことを適当に書くべし。
以上です。
0 件のコメント:
コメントを投稿