jQuery Supersized - 字幕動畫

Question

我有一些超大型插件的問題。我想動畫字幕（標題）：

$.supersized({ 
slide_interval : 5700, 
slides   : [ 
{image : 'image01.jpg', thumb : '', title : 'title1'}, 
{image : 'image02.jpg', thumb : '', title : 'title2'} 
] 
}); 

有人能告訴我怎麼去稱號值，並通過動畫處理：

.animate({bottom:"100px;"}) 

，然後將其隱藏和顯示時幻燈片改變下一個標題。

Answer 1

打開supersized.shutter.js找到這行：

if ($(vars.slide_caption).length) 
{ 
    (api.getField('title'))?$(vars.slide_caption).html(api.getField('title')):$(vars.slide_caption).html(''); 
} 

，並更改爲：

if ($(vars.slide_caption).length) { 
    (api.getField('title'))?$(vars.slide_caption).animate({'opacity':.1}).html(api.getField('title')).animate({'opacity':1}):$(vars.slide_caption).html(''); 
} 

您也可以使用這些變量：

api.options.slide_interval; 
api.options.transition_speed; 

例如：

if ($(vars.slide_caption).length) { 
    (api.getField('title')) ? $(vars.slide_caption).animate({'opacity': .1}, {complete: function(){$(this).html(api.getField('title'))}}).stop(true,true).animate({'opacity': 1}, api.options.transition_speed): $(vars.slide_caption).html(''); 
}