我目前正在研究一个习俗灯塔,需要一些援助。 我的印象是,将工作重心转作形象,但我陷入了一个小问题。 灯塔见用户屏幕中,但一旦我清醒过宽和高高,它就没有留在屏幕的中心,只是使用old<>/strong>左和高价值。
此处标明灯塔本身:
<div id="jqgal_container">
<div id="jqgal_nav_left" class="jqgal_nav"><</div>
<div id="jqgal_main">
<div id="jqgal_main_img"></div>
<div id="jqgal_footer">
<div id="jqgal_main_caption"><p></p></div>
<div id="jqgal_thumbnav_left" class="jqgal_thumbnav"><</div>
<div id="jqgal_thumbs">
<div id="jqgal_thumbs_container">
<ul></ul>
</div>
</div>
<div id="jqgal_thumbnav_right" class="jqgal_thumbnav">></div>
</div>
</div>
<div id="jqapp_nav_right" class="jqgal_nav">></div>
</div>
图像将储存在<代码>#jqgal_main_img内,作为<img />要素。 I animate the width and high of #jqgal_main_img,但我还想将整个集装箱(#jqgal_container)放在屏幕上。
我的问题是,我怎么能把儿童元素的宽度同起来,但还是分别把顶和左边放在集装箱的位置上,从而似乎从中心扩大和成长?
现行图像集装箱的宽度和高度的代码如下:
_resizeToFit : function(img_width, img_height, compFunc)
{
// Calculate the width and height needed:
var req_width = img_width;
var req_height = img_height;
this._elements.mainimg.animate({ width: req_width }, {
duration: fast ,
complete: function() {
$.jqgal._elements.footer.width(req_width);
$.jqgal._elements.mainimg.animate({ height: req_height }, fast , function() {
if(compFunc != undefined) { compFunc.call(this); }
});
},
step : function() {
}
});
}